// const { Tailwind } = VM.require("beachsunandrockandroll.near/widget/preflight"); const css = fetch( "https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" ).body; const base = fetch( "https://raw.githubusercontent.com/gonzalobarria/testpub/master/base.css" ).body; // if (!css) return ""; // if (!base) return ""; const Tailwind = styled.div` ${css} --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --uin-primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; ${base} `; const Button = ({ className, children, ...props }) => ( <Tailwind> <button className={className} ref={forwardedRef} {...props}> {children} </button> </Tailwind> ); return { Button };