content: import 'package:flutter/material.dart';
  import 'package:miro/config/theme/design_colors.dart';
  import 'package:miro/generated/l10n.dart';
  import 'package:miro/views/widgets/generic/responsive/responsive_value.dart';
  import 'package:miro/views/widgets/generic/responsive/responsive_widget.dart';
  
  class FilterDropdownButton extends StatelessWidget {
    final int selectedOptionsLength;
  
    const FilterDropdownButton({
      required this.selectedOptionsLength,
      Key? key,
    }) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      TextTheme textTheme = Theme.of(context).textTheme;
      String filtersTitle = S.of(context).validatorsDropdownAll;
      if (selectedOptionsLength > 0) {
        filtersTitle = S.of(context).validatorsButtonFilter(selectedOptionsLength);
      }
  
      return Container(
        height: 30,
        constraints: BoxConstraints(
          minWidth: const ResponsiveValue<double>(
            largeScreen: 105,
            smallScreen: 80,
          ).get(context),
          maxWidth: 200,
        ),
        padding: const ResponsiveValue<EdgeInsets>(
          largeScreen: EdgeInsets.symmetric(horizontal: 12, vertical: 0),
          smallScreen: EdgeInsets.symmetric(horizontal: 8, vertical: 0),
        ).get(context),
        decoration: BoxDecoration(
          border: Border.all(
            color: DesignColors.greyOutline,
            width: 1,
          ),
          borderRadius: BorderRadius.circular(4),
        ),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Text(
              filtersTitle,
              overflow: TextOverflow.ellipsis,
              textAlign: TextAlign.start,
              maxLines: 1,
              style: textTheme.bodySmall!.copyWith(
                color: DesignColors.white1,
              ),
            ),
            if (ResponsiveWidget.isSmallScreen(context) == false) ...<Widget>[
              const SizedBox(width: 4),
              const Icon(
                Icons.keyboard_arrow_down,
                color: DesignColors.white1,
                size: 15,
              ),
            ],
          ],
        ),
      );
    }
  }
  