import 'package:flutter/material.dart';
import 'package:unofficial_jisho_api/api.dart';

import '../../../../../models/themes/theme.dart';
import '../kanji_kana_box.dart';

class Sentences extends StatelessWidget {
  final List<PhraseScrapeSentence> sentences;
  final ColorSet colors;

  const Sentences({
    Key? key,
    required this.sentences,
    this.colors = LightTheme.defaultMenuGreyNormal,
  }) : super(key: key);

  Widget _sentence(PhraseScrapeSentence sentence) => Container(
        padding: const EdgeInsets.all(10),
        decoration: BoxDecoration(
          color: colors.background,
          borderRadius: BorderRadius.circular(10),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Wrap(
              runSpacing: 10,
              children: sentence.pieces
                  .map(
                    (p) => JishoJapaneseWord(
                      word: p.unlifted,
                      reading: p.lifted,
                    ),
                  )
                  .map(
                    (word) => KanjiKanaBox(
                      word: word,
                      showRomajiBelow: true,
                      margin: EdgeInsets.zero,
                      padding: EdgeInsets.zero,
                      centerFurigana: false,
                      autoTransliterateRomaji: false,
                      kanjiFontsize: 15,
                      furiganaFontsize: 12,
                      colors: colors,
                    ),
                  )
                  .toList(),
            ),
            Divider(
              height: 20,
              color: Colors.grey[400],
              thickness: 3,
            ),
            Text(
              sentence.english,
              style: TextStyle(color: colors.foreground),
            ),
          ],
        ),
      );

  @override
  Widget build(BuildContext context) =>
      Column(children: [for (final s in sentences) _sentence(s)]);
}