Components
Loading preview...
Banner alert inspired by shadcn/ui format
npx shadcn@latest add https://21st.dev/r/serafimcloud/bannerimport { Banner } from "@/components/ui/banner"
import { Button } from "@/components/ui/button"
function BannerCookie() {
return (
<Banner rounded="default" className="shadow-lg shadow-black/5">
<div className="w-full">
<div className="flex flex-col justify-between gap-3 md:flex-row md:items-center">
<p className="text-sm">
We use cookies to improve your experience, analyze site usage, and show personalized content.
</p>
<div className="flex shrink-0 gap-2 max-md:flex-wrap">
<Button size="sm">Accept</Button>
<Button variant="outline" size="sm">Decline</Button>
</div>
</div>
</div>
</Banner>
)
}
export { BannerCookie }