import 'package:flutter/material.dart';

class TipBox extends StatelessWidget {
  TipBox({super.key});

  final List<String> tips = [
    "Use good lighting",
    "Hold the camera steady",
    "Make sure the skin fills the frame",
    "Avoid shadows or glare",
  ];

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      margin: EdgeInsets.only(top: 20),
      padding: EdgeInsets.all(15),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
        color: Theme.of(context).cardColor,
        boxShadow: [
          BoxShadow(
            color: Color(0xffE9E9E9),
            spreadRadius: 2,
            blurRadius: 9,
            offset: Offset(1, 2), // changes position of shadow
          ),
        ],
      ),
      child: DefaultTextStyle(
        style: TextStyle(color: Color(0xff1A8C8C)),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              "Tips:",
              style: Theme.of(context).textTheme.titleSmall?.copyWith(
                color: Color(0xff1A8C8C),
              ),
            ),
            ListView.builder(
              itemExtent: 25,
              shrinkWrap: true,
              physics: NeverScrollableScrollPhysics(),
              padding: EdgeInsets.all(10),
              itemBuilder: (_, index) {
                return Text("-${tips[index]}.");
              },
              itemCount: tips.length,
            ),
          ],
        ),
      ),
    );
  }
}