{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"outline-text","type":"registry:component","description":"Outline text component.","files":[{"path":"registry/components/outline-text.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport type React from \"react\";\n\ntype OutlineTextProps = React.ComponentProps<\"span\"> & {\n\tstrokeWidth?: string;\n};\n\nexport function OutlineText({\n\tchildren,\n\tclassName = \"\",\n\tstrokeWidth = \"1px\",\n\tstyle,\n\t...props\n}: OutlineTextProps) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"inline-block bg-clip-text font-extrabold text-transparent\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tWebkitTextStroke: strokeWidth,\n\t\t\t\tWebkitTextFillColor: \"transparent\",\n\t\t\t\tWebkitTextStrokeColor: \"currentColor\",\n\t\t\t\tWebkitBackgroundClip: \"text\",\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"}]}