import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:tm_app/core/constants/assets.dart';
import 'package:tm_app/core/constants/strings.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';

class NotificationCard extends StatelessWidget {
  const NotificationCard({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      margin: EdgeInsets.symmetric(horizontal: 24.0.w()),
      padding: EdgeInsets.symmetric(horizontal: 16.0.w(), vertical: 16.0.h()),
      decoration: BoxDecoration(
        color: AppColors.mainBlue.withValues(alpha: 0.03),
        borderRadius: BorderRadius.circular(4),
        border: Border.all(color: AppColors.mainBlue.withValues(alpha: 0.15)),
      ),
      child: Column(
        children: [
          Row(
            children: [
              SvgPicture.asset(AssetsManager.notification),
              SizedBox(width: 8.0.w()),
              Text(
                AppStrings.welcome,
                style: TextStyle(
                  fontSize: 16.0.sp(),
                  fontWeight: FontWeight.w500,
                  color: AppColors.grey80,
                ),
              ),
            ],
          ),
          SizedBox(height: 8.0.h()),
          Text(
            'You’ve been invited Lorem ipsum dolor sit amet consectetur. Volutpat velit tincidunt amet diam. Placerat congue ut  Sed facilisis',
            maxLines: 3,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(
              fontSize: 14.0.sp(),
              fontWeight: FontWeight.w400,
              color: AppColors.grey60,
            ),
          ),
          SizedBox(height: 8.0.h()),
          Padding(
            padding: EdgeInsetsDirectional.only(start: 28.0),
            child: Row(
              children: [
                SvgPicture.asset(AssetsManager.calendar),
                SizedBox(width: 4.0.w()),
                Text(
                  '5 Min',
                  style: TextStyle(
                    fontSize: 14.0.sp(),
                    color: AppColors.grey60,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}