{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"grafico-de-barras","type":"registry:component","title":"Gráfico de barras","description":"Leads e vendas por canal, com legenda.","author":"UI Catalog <https://ui.codehall.io>","dependencies":["recharts"],"registryDependencies":["card","chart"],"files":[{"path":"components/grafico-de-barras.tsx","type":"registry:component","content":"'use client'\n\nimport { Bar, BarChart, CartesianGrid, XAxis } from 'recharts'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, type ChartConfig } from '@/components/ui/chart'\n\nconst DATA = [\n  { canal: 'WhatsApp', leads: 420, vendas: 96 },\n  { canal: 'Instagram', leads: 310, vendas: 54 },\n  { canal: 'E-mail', leads: 190, vendas: 41 },\n  { canal: 'Site', leads: 260, vendas: 38 },\n  { canal: 'Indicação', leads: 104, vendas: 47 },\n]\n\nconst CONFIG = {\n  leads: { label: 'Leads', color: 'var(--chart-2)' },\n  vendas: { label: 'Vendas', color: 'var(--chart-1)' },\n} satisfies ChartConfig\n\nexport default function GraficoBarras() {\n  return (\n    <Card className=\"w-full max-w-xl\">\n      <CardHeader>\n        <CardTitle>Leads e vendas por canal</CardTitle>\n        <CardDescription>Outubro de 2026</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={CONFIG} className=\"h-[220px] w-full\">\n          <BarChart data={DATA}>\n            <CartesianGrid vertical={false} />\n            <XAxis dataKey=\"canal\" tickLine={false} axisLine={false} tickMargin={8} />\n            <ChartTooltip content={<ChartTooltipContent />} />\n            <ChartLegend content={<ChartLegendContent />} />\n            <Bar dataKey=\"leads\" fill=\"var(--color-leads)\" radius={4} />\n            <Bar dataKey=\"vendas\" fill=\"var(--color-vendas)\" radius={4} />\n          </BarChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n"}]}