52 lines
1.7 KiB
TypeScript
52 lines
1.7 KiB
TypeScript
"use client"
|
|
|
|
import { Button } from "@/components/ui/button"
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@/components/ui/card"
|
|
import { Label } from "@/components/ui/label"
|
|
import { Switch } from "@/components/ui/switch"
|
|
|
|
export function CardsCookieSettings() {
|
|
return (
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>Cookie Settings</CardTitle>
|
|
<CardDescription>Manage your cookie settings here.</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="grid gap-6">
|
|
<div className="flex items-center justify-between gap-4">
|
|
<Label htmlFor="necessary" className="flex flex-col items-start">
|
|
<span>Strictly Necessary</span>
|
|
<span className="text-muted-foreground leading-snug font-normal">
|
|
These cookies are essential in order to use the website and use
|
|
its features.
|
|
</span>
|
|
</Label>
|
|
<Switch id="necessary" defaultChecked aria-label="Necessary" />
|
|
</div>
|
|
<div className="flex items-center justify-between gap-4">
|
|
<Label htmlFor="functional" className="flex flex-col items-start">
|
|
<span>Functional Cookies</span>
|
|
<span className="text-muted-foreground leading-snug font-normal">
|
|
These cookies allow the website to provide personalized
|
|
functionality.
|
|
</span>
|
|
</Label>
|
|
<Switch id="functional" aria-label="Functional" />
|
|
</div>
|
|
</CardContent>
|
|
<CardFooter>
|
|
<Button variant="outline" className="w-full">
|
|
Save preferences
|
|
</Button>
|
|
</CardFooter>
|
|
</Card>
|
|
)
|
|
}
|