import { Heart } from 'lucide-react';

const Favourite = () => {
  return (
    <div>
      <h2 className="text-xl md:text-2xl font-bold text-foreground mb-4 md:mb-6">
        Sevimlilar
      </h2>
      <div className="flex flex-col items-center justify-center py-12 text-center">
        <div className="w-16 h-16 md:w-20 md:h-20 rounded-full bg-slate-100 flex items-center justify-center mb-4">
          <Heart className="w-8 h-8 md:w-10 md:h-10 text-slate-400" />
        </div>
        <p className="text-muted-foreground text-sm md:text-base">
          {"Sevimli mahsulotlar yo'q"}
        </p>
        <p className="text-xs md:text-sm text-muted-foreground mt-1">
          {"Mahsulotlarni sevimlilar ro'yxatiga qo'shing"}
        </p>
      </div>
    </div>
  );
};

export default Favourite;
