import 'package:flutter/material.dart';

import '../theme/tokens.dart';
import '../i18n/app_locale.dart';

/// 시안 검색 화면 상단 배너(`Frame 1984081037`) — #dcdcdc r10 · 오른쪽 핑크 로고 칸 62.
/// GALAXY 검색 · INSIDE 검색이 같이 쓴다.
class PlayBanner extends StatelessWidget {
  const PlayBanner({super.key});

  static TextStyle _t(double size, double height) => TextStyle(
    fontFamily: AppFonts.body,
    fontSize: size,
    fontWeight: FontWeight.w500,
    height: height,
    letterSpacing: 0,
    color: const Color(0xFF737373),
  );

  @override
  Widget build(BuildContext context) => Container(
    padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
    decoration: BoxDecoration(
      color: const Color(0xFFDCDCDC),
      borderRadius: BorderRadius.circular(10),
    ),
    child: Row(
      children: [
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(context.l10n.playNow, style: _t(10, 1.4)),
              Text(
                context.l10n.playHeadline,
                style: const TextStyle(
                  fontFamily: AppFonts.display,
                  fontFamilyFallback: [AppFonts.body],
                  fontWeight: FontWeight.w400,
                  fontSize: 16,
                  height: 20 / 16,
                  letterSpacing: 0,
                  color: Color(0xFF444444),
                ),
              ),
              Text(
                context.l10n.playBody,
                maxLines: 1,
                overflow: TextOverflow.ellipsis,
                style: _t(12, 20 / 12),
              ),
            ],
          ),
        ),
        const SizedBox(width: 11),
        Container(
          width: 62,
          height: 62,
          alignment: Alignment.center,
          decoration: BoxDecoration(
            color: AppColors.cosmicAccent,
            borderRadius: BorderRadius.circular(10),
          ),
          child: const Text(
            'F',
            style: TextStyle(
              fontFamily: AppFonts.body,
              fontSize: 34,
              fontWeight: FontWeight.w900,
              height: 1,
              color: Colors.black,
            ),
          ),
        ),
      ],
    ),
  );
}