import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:pharmacy_mobile/widgets/text_widget.dart';

class DescriptionMenuWidget extends StatelessWidget {
  final String title;
  final String description;
  final double margin;
  const DescriptionMenuWidget({super.key, required this.title, required this.margin, required this.description});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: MediaQuery.of(context).size.width,
      padding: const EdgeInsets.symmetric(vertical: 24),
      decoration:
          BoxDecoration(borderRadius: BorderRadius.circular(12), color: const Color.fromRGBO(255, 255, 255, 0.275)),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          const Gap(24),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              TextWidget(
                text: title,
                size: 16,
                bold: true,
              ),
              const Gap(4),
              TextWidget(
                text: description,
                size: 12,
              ),
            ],
          ),
        ],
      ),
    );
  }
}