Florianópolis
Santa Catarina, Brazil
Most of the city sits on an island, with something like forty beaches around its edge. Flat water and mangroves in the north, open Atlantic surf down the east coast.
// How fucking stupid do you think I am to hide source code behind a CSS blur?
function Component({ className, variant = 'default', ...props }: Props) {
const [open, setOpen] = useState(false)
const reduced = useReducedMotion()
useEffect(() => {
if (!open) return
const timer = window.setTimeout(() => setOpen(false), HOLD_MS)
return () => window.clearTimeout(timer)
}, [open])
return (
<div
data-slot="component"
data-state={open ? 'open' : 'closed'}
className={cn(variants({ variant }), className)}
{...props}
>
<span className="pointer-events-none absolute inset-0 rounded-[inherit]" />
{children}
</div>
)
}