blob: 5ccb488850f6580fcacb117fd7441dacd16bfd15 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
import clsx from 'clsx';
import React from 'react';
const twFactory =
(element: any) =>
([newClassNames, ..._]: TemplateStringsArray) =>
React.forwardRef(({ className, ...props }: any, ref) =>
React.createElement(element, {
...props,
className: clsx(newClassNames, className),
ref
})
);
type ClassnameFactory<T> = (s: TemplateStringsArray) => T;
type TailwindFactory = {
[K in keyof JSX.IntrinsicElements]: ClassnameFactory<
React.ForwardRefExoticComponent<JSX.IntrinsicElements[K]>
>;
} & {
<T>(c: T): ClassnameFactory<T>;
};
export const tw = new Proxy((() => {}) as unknown as TailwindFactory, {
get: (_, property: string) => twFactory(property),
apply: (_, __, [el]: [React.ReactElement]) => twFactory(el)
});
|
