Banners5

1import { Button } from "@/ui/button";
2import { Globe, X } from "@mynaui/icons-react";
3 
4export default function Banners2() {
5  return (
6    <div className="bg-background border-t absolute bottom-0 left-0 right-0 z-50">
7      <div className="flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4">
8        <div className="flex items-start gap-3">
9          <Globe className="size-5 stroke-2 text-muted-foreground mt-0.5 shrink-0" />
10          <div>
11            <h3 className="font-semibold text-sm">
12              Your Privacy Rights
13            </h3>
14            <p className="text-sm text-muted-foreground mt-1">
15              Under GDPR, you have the right to access, update, or delete your
16              personal data.
17              <Button
18                variant="link"
19                className="p-0 h-auto ml-1"
20              >
21                Manage your data →
22              </Button>
23            </p>
24          </div>
25        </div>
26        <Button variant="ghost" className="size-8">
27          <X className="size-4 stroke-2" />
28          <span className="sr-only">Dismiss banner</span>
29        </Button>
30      </div>
31    </div>
32  );
33}