{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stock-sm-04",
  "type": "registry:component",
  "dependencies": [
    "lucide-react",
    "recharts"
  ],
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/label.json",
    "https://wigggle-ui.vercel.app/r/chart.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/stocks/sm/stock-04.tsx",
      "content": "\"use client\";\n\nimport { Area, AreaChart, CartesianGrid } from \"recharts\";\nimport { TriangleIcon } from \"lucide-react\";\n\nimport {\n  Widget,\n  WidgetContent,\n  WidgetFooter,\n  WidgetHeader,\n  WidgetTitle,\n} from \"@/registry/default/ui/widget\";\nimport { ChartConfig, ChartContainer } from \"@/registry/default/ui/chart\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nconst chartData = [\n  { month: \"November 2024\", desktop: 36.49 },\n  { month: \"December 2024\", desktop: 49.53 },\n  { month: \"January 2025\", desktop: 35.16 },\n  { month: \"February 2025\", desktop: 41.25 },\n  { month: \"March 2025\", desktop: 21.59 },\n  { month: \"April 2025\", desktop: 11.98 },\n  { month: \"May 2025\", desktop: 21.62 },\n  { month: \"June 2025\", desktop: 24.94 },\n  { month: \"July 2025\", desktop: 47.34 },\n  { month: \"August 2025\", desktop: 27.14 },\n  { month: \"September 2025\", desktop: 24.63 },\n  { month: \"October 2025\", desktop: 25.45 },\n];\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--destructive)\",\n  },\n} satisfies ChartConfig;\n\nexport default function WidgetDemo() {\n  return (\n    <Widget design=\"mumbai\" className=\"gap-1\">\n      <WidgetHeader className=\"items-center\">\n        <div className=\"flex items-center justify-start gap-1\">\n          <TriangleIcon className=\"fill-destructive size-4 rotate-180 stroke-none\" />\n          <WidgetTitle className=\"text-base font-normal\">AAPL</WidgetTitle>\n        </div>\n        <Label className=\"text-destructive text-base tracking-wide\">\n          -4.26\n        </Label>\n      </WidgetHeader>\n      <WidgetContent>\n        <ChartContainer className=\"h-20 w-full\" config={chartConfig}>\n          <AreaChart accessibilityLayer data={chartData}>\n            <CartesianGrid vertical={false} />\n            <defs>\n              <linearGradient id=\"fillDesktop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n            </defs>\n            <Area\n              dataKey=\"desktop\"\n              type=\"natural\"\n              fill=\"url(#fillDesktop)\"\n              fillOpacity={0.4}\n              stroke=\"var(--color-desktop)\"\n              stackId=\"a\"\n            />\n          </AreaChart>\n        </ChartContainer>\n      </WidgetContent>\n      <WidgetFooter className=\"justify-end\">\n        <Label className=\"text-3xl font-medium\">262.24</Label>\n      </WidgetFooter>\n    </Widget>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "stocks"
    ],
    "size": "sm"
  }
}