content: import 'package:flutter/material.dart';
  import 'package:iconsax/iconsax.dart';
  import 'package:t_store/common/widgets/layouts/grid_layout.dart';
  import 'package:t_store/common/widgets/products/product_cards/product_card_vertical.dart';
  import 'package:t_store/features/shop/models/product_model.dart';
  import 'package:t_store/utils/constraints/sizes.dart';
  
  class TSortableProducts extends StatelessWidget {
    const TSortableProducts({
      super.key,
    });
  
    @override
    Widget build(BuildContext context) {
      return Column(
        children: [
          ///dropdown
          DropdownButtonFormField(
            decoration:
            const InputDecoration(prefixIcon: Icon(Iconsax.sort)),
            onChanged: (value) {},
            items: [
              'Name',
              'Higher price',
              'Lower price',
              'Sale',
              'New',
              'Popularity'
            ]
                .map((option) => DropdownMenuItem(
                value: option,
                child: Text(option)))
                .toList(),
          ),
          const SizedBox(height: TSizes.spaceBtwSections),
          ///products
          TGridLayout(itemCount: 8, itemBuilder: (_, index) => TProductCardVertical(product: ProductModel.empty())),
        ],
      );
    }
  }