import 'package:flutter/material.dart';
import 'package:kasy_kit/core/theme/theme.dart';
import 'package:kasy_kit/core/widgets/kasy_hover.dart';

class AddFeatureButton extends StatelessWidget {
  final String title;
  final String description;
  final VoidCallback onPressed;

  const AddFeatureButton({
    super.key,
    required this.title,
    required this.description,
    required this.onPressed,
  });

  @override
  Widget build(BuildContext context) {
    return KasyHover(
      onTap: onPressed,
      borderRadius: KasyRadius.mdBorderRadius,
      pressColor: context.colors.onPrimary,
      child: Container(
        padding: const EdgeInsets.symmetric(
          horizontal: KasySpacing.lg,
          vertical: KasySpacing.smd,
        ),
        decoration: BoxDecoration(
          color: context.colors.primary,
          borderRadius: KasyRadius.mdBorderRadius,
        ),
        child: Row(
          children: [
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                spacing: KasySpacing.xs,
                children: [
                  Text(
                    title,
                    style: context.textTheme.titleMedium?.copyWith(
                      fontWeight: FontWeight.w600,
                      color: context.colors.onPrimary,
                    ),
                  ),
                  Text(
                    description,
                    style: context.textTheme.bodySmall?.copyWith(
                      color: context.colors.onPrimary.withValues(alpha: 0.72),
                    ),
                  ),
                ],
              ),
            ),
            const SizedBox(width: KasySpacing.smd),
            Icon(
              KasyIcons.northEast,
              size: 16,
              color: context.colors.onPrimary.withValues(alpha: 0.55),
            ),
          ],
        ),
      ),
    );
  }
}
