Cookie banner

import * as React from "react";
import { Button } from "@/components/ui/button";
import { CookieBanner } from "@/components/ui/cookie-banner";

export default function Example() {
  const [done, setDone] = React.useState("");
  if (done) return <span className="text-body-medium text-fg-secondary">You chose: {done}. <Button variant="link" onClick={() => setDone("")}>Ask again</Button></span>;
  return (
    <div style={{ width: "100%" }}>
      <CookieBanner layout="bar" onAccept={() => setDone("accept all")} onReject={() => setDone("reject all")} onSettings={() => setDone("custom settings")}>
        We use a few cookies to remember your cart. Nothing is shared with advertisers.
      </CookieBanner>
    </div>
  );
}