Function classed

classed<
    Props,
    Component extends ElementType<any, keyof IntrinsicElements> = any,
>(
    component: Component,
): (
    strings: TemplateStringsArray,
    ...args: string[] | ((props: Props) => string)[],
) => ForwardRefExoticComponent<
    PropsWithoutRef<ClassedFinalProps<Props, Component>> & RefAttributes<
        ComponentRef<Component>,
    >,
>
This utility allows to extend a component a là styled-components but for a className based styling solution like Tailwind,

It also plays nicely with tailwind intellisense:
- https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
For references about tagged functions:
Similar projects:
- https://reactjsexample.com/style-radix-ui-components-with-tailwindcss/
Discussions and Q/A:
- https://stackoverflow.com/q/73055695/1938970
Type Parameters
- Props
- Component extends ElementType<any, keyof IntrinsicElements> = any
Parameters
- component: Component
Returns (
    strings: TemplateStringsArray,
    ...args: string[] | ((props: Props) => string)[],
) => ForwardRefExoticComponent<
    PropsWithoutRef<ClassedFinalProps<Props, Component>> & RefAttributes<
        ComponentRef<Component>,
    >,
>
- Defined in classed.tsx:47