{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"core-suggestion","type":"registry:component","title":"Suggestion","description":"Tailark core suggestion component","registryDependencies":["@tailark/core-utils","@tailark/button","@tailark/scroll-area"],"files":[{"path":"core/components/suggestion.tsx","type":"registry:component","target":"@components/suggestion.tsx","content":"'use client'\n\nimport { Button } from '@/components/ui/button'\nimport { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'\nimport { cn } from '@/lib/utils'\nimport type { ComponentProps } from 'react'\n\nexport type SuggestionsProps = ComponentProps<typeof ScrollArea>\n\nexport const Suggestions = ({ className, children, ...props }: SuggestionsProps) => (\n    <ScrollArea\n        className=\"w-full overflow-x-auto whitespace-nowrap\"\n        {...props}>\n        <div className={cn('flex w-max flex-nowrap items-center gap-2', className)}>{children}</div>\n        <ScrollBar\n            className=\"hidden\"\n            orientation=\"horizontal\"\n        />\n    </ScrollArea>\n)\n\nexport type SuggestionProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {\n    suggestion: string\n    onClick?: (suggestion: string) => void\n}\n\nexport const Suggestion = ({ suggestion, onClick, className, variant = 'outline', size = 'sm', children, ...props }: SuggestionProps) => {\n    const handleClick = () => {\n        onClick?.(suggestion)\n    }\n\n    return (\n        <Button\n            className={cn('active:scale-98 hover:bg-card/50 cursor-pointer rounded-full bg-transparent px-3 shadow-none transition-[transform,background-color,color,box-shadow]', className)}\n            onClick={handleClick}\n            size={size}\n            type=\"button\"\n            variant={variant}\n            {...props}>\n            {children || suggestion}\n        </Button>\n    )\n}\n"}]}