@tohuhono/puck-blocks
Version:
A collection of puck components for building pages in OberonCMS
42 lines (41 loc) • 2.71 kB
JavaScript
"use client";
import { jsxs, jsx } from "react/jsx-runtime";
import { Button } from "@tohuhono/ui/button";
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@tohuhono/ui/card";
import { Label } from "@tohuhono/ui/label";
import { Switch } from "@tohuhono/ui/switch";
function CardsCookieSettings() {
return /* @__PURE__ */ jsxs(Card, { children: [
/* @__PURE__ */ jsxs(CardHeader, { children: [
/* @__PURE__ */ jsx(CardTitle, { children: "Cookie Settings" }),
/* @__PURE__ */ jsx(CardDescription, { children: "Manage your cookie settings here." })
] }),
/* @__PURE__ */ jsxs(CardContent, { className: "grid gap-6", children: [
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between space-x-4", children: [
/* @__PURE__ */ jsxs(Label, { htmlFor: "necessary", className: "flex flex-col space-y-1", children: [
/* @__PURE__ */ jsx("span", { children: "Strictly Necessary" }),
/* @__PURE__ */ jsx("span", { className: "text-xs font-normal leading-snug text-muted-foreground", children: "These cookies are essential in order to use the website and use its features." })
] }),
/* @__PURE__ */ jsx(Switch, { id: "necessary", defaultChecked: true, "aria-label": "Necessary" })
] }),
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between space-x-4", children: [
/* @__PURE__ */ jsxs(Label, { htmlFor: "functional", className: "flex flex-col space-y-1", children: [
/* @__PURE__ */ jsx("span", { children: "Functional Cookies" }),
/* @__PURE__ */ jsx("span", { className: "text-xs font-normal leading-snug text-muted-foreground", children: "These cookies allow the website to provide personalized functionality." })
] }),
/* @__PURE__ */ jsx(Switch, { id: "functional", "aria-label": "Functional" })
] }),
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between space-x-4", children: [
/* @__PURE__ */ jsxs(Label, { htmlFor: "performance", className: "flex flex-col space-y-1", children: [
/* @__PURE__ */ jsx("span", { children: "Performance Cookies" }),
/* @__PURE__ */ jsx("span", { className: "text-xs font-normal leading-snug text-muted-foreground", children: "These cookies help to improve the performance of the website." })
] }),
/* @__PURE__ */ jsx(Switch, { id: "performance", "aria-label": "Performance" })
] })
] }),
/* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", children: "Save preferences" }) })
] });
}
export {
CardsCookieSettings
};