{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "best-selling-product",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "card",
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/BestSellingProductCode.tsx",
      "content": "\"use client\"\r\n\r\nimport Image from \"next/image\"\r\nimport { Badge } from \"@/components/ui/badge\"\r\nimport { Progress } from \"@/components/ui/progress\"\r\nimport { Card } from \"@/components/ui/card\"\r\nconst SellingProducts = () => {\r\n\r\n    return (\r\n        <Card className=\"p-0 overflow-hidden\" >\r\n            <div className=\"bg-primary\">\r\n                <div className=\"p-8 pb-0\">\r\n                    <h5 className=\"text-lg font-semibold text-white\">Best Selling Products</h5>\r\n                    <p className=\"text-sm text-white dark:text-white\">Overview 2023</p>\r\n                    <div className=\"flex justify-center  mt-3\">\r\n                        <Image\r\n                            src=\"/images/backgrounds/piggy.png\"\r\n                            alt=\"pigggy-bg\"\r\n                            width={251}\r\n                            height={162}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div className=\"px-2 pb-2\">\r\n                    <div className=\"bg-white dark:dark:bg-dark-header p-6 rounded-[7px]\">\r\n                        <div className=\"mb-8\">\r\n                            <div className=\"flex justify-between items-center mb-3\">\r\n                                <div>\r\n                                    <h6 className=\"text-base mb-0.5 text-inherit\" >MaterialPro</h6>\r\n                                    <p>$23,568</p>\r\n                                </div>\r\n                                <div>\r\n                                    <Badge variant={\"lightPrimary\"} className=\"text-sm rounded-md py-1.1\" >55%</Badge>\r\n                                </div>\r\n                            </div>\r\n                            {/* Progress */}\r\n                            <Progress value={55} variant=\"primary\" />\r\n                            {/* End Progress */}\r\n                        </div>\r\n                        <div>\r\n                            <div className=\"flex justify-between items-center mb-3\">\r\n                                <div>\r\n                                    <h6 className=\"text-base mb-0.5\" >MaterialPro</h6>\r\n                                    <p>$23,568</p>\r\n                                </div>\r\n                                <div>\r\n                                    <Badge color={\"lightsecondary\"} className=\"text-sm rounded-md py-1.1\" >55%</Badge>\r\n                                </div>\r\n                            </div>\r\n                            {/* Progress */}\r\n                            <Progress value={65} variant=\"secondary\" />\r\n                            {/* End Progress */}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Card>\r\n\r\n    )\r\n}\r\n\r\nexport default SellingProducts",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/best-selling-product/SellingProducts.tsx"
    }
  ]
}