{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"sliders-e-switches-de-configuracao","type":"registry:component","title":"Sliders e switches de configuração","description":"Limites com slider e permissões com switch num card de configuração de IA.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["card","label","separator","slider","switch"],"files":[{"path":"components/sliders-e-switches-de-configuracao.tsx","type":"registry:component","content":"'use client'\n\nimport { useState } from 'react'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Label } from '@/components/ui/label'\nimport { Slider } from '@/components/ui/slider'\nimport { Switch } from '@/components/ui/switch'\nimport { Separator } from '@/components/ui/separator'\n\nexport default function SliderSwitchConfig() {\n  const [limit, setLimit] = useState(60)\n  const [temp, setTemp] = useState(0.7)\n  return (\n    <Card className=\"w-full max-w-md\">\n      <CardHeader>\n        <CardTitle>Atendimento com IA</CardTitle>\n        <CardDescription>Quanto a IA pode fazer antes de chamar um humano.</CardDescription>\n      </CardHeader>\n      <CardContent className=\"space-y-5\">\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center justify-between text-sm\">\n            <Label>Mensagens automáticas por conversa</Label>\n            <span className=\"tabular-nums text-muted-foreground\">{limit}%</span>\n          </div>\n          <Slider value={[limit]} onValueChange={(v) => setLimit(Array.isArray(v) ? (v[0] ?? 0) : v)} max={100} step={5} />\n        </div>\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center justify-between text-sm\">\n            <Label>Criatividade</Label>\n            <span className=\"tabular-nums text-muted-foreground\">{temp.toFixed(1)}</span>\n          </div>\n          <Slider value={[temp]} onValueChange={(v) => setTemp(Array.isArray(v) ? (v[0] ?? 0) : v)} min={0} max={1} step={0.1} />\n        </div>\n        <Separator />\n        {[\n          ['Responder fora do horário', true],\n          ['Agendar reuniões sozinha', true],\n          ['Enviar propostas de preço', false],\n        ].map(([l, on]) => (\n          <div key={String(l)} className=\"flex items-center justify-between text-sm\">\n            <Label>{l}</Label>\n            <Switch defaultChecked={Boolean(on)} />\n          </div>\n        ))}\n      </CardContent>\n    </Card>\n  )\n}\n"}]}