{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "chat-input-with-addons",
	"type": "registry:example",
	"files": [
		{
			"path": "./src/registry/examples/chat-input-with-addons.tsx",
			"content": "\"use client\";\n\nimport { PlusIcon } from \"lucide-react\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n\tChatInput,\n\tChatInputEditor,\n\tChatInputGroupAddon,\n\tChatInputGroupButton,\n\tChatInputGroupText,\n\tChatInputSubmitButton,\n\tuseChatInput,\n} from \"@/registry/ui/chat-input\";\n\nexport default function ChatInputWithAddons() {\n\tconst { value, onChange, handleSubmit } = useChatInput({\n\t\tonSubmit: (parsed) => {\n\t\t\tconsole.log(\"Submitted:\", parsed.content);\n\t\t},\n\t});\n\n\treturn (\n\t\t<div className=\"w-full h-full flex justify-center items-center\">\n\t\t\t<div className=\"w-full max-w-md\">\n\t\t\t\t<ChatInput\n\t\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t>\n\t\t\t\t\t<ChatInputEditor placeholder=\"Type a message...\" />\n\t\t\t\t\t<ChatInputGroupAddon align=\"block-end\">\n\t\t\t\t\t\t<ChatInputGroupButton\n\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\tclassName=\"rounded-full\"\n\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PlusIcon />\n\t\t\t\t\t\t</ChatInputGroupButton>\n\t\t\t\t\t\t<ChatInputGroupText className=\"ml-auto\">\n\t\t\t\t\t\t\t52% used\n\t\t\t\t\t\t</ChatInputGroupText>\n\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"h-6!\" />\n\t\t\t\t\t\t<ChatInputSubmitButton />\n\t\t\t\t\t</ChatInputGroupAddon>\n\t\t\t\t</ChatInput>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n",
			"type": "registry:example"
		}
	]
}