Banners2

1import { Button } from "@/ui/button";
2import { Shield, 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-4">
9          <Shield className="size-5 mt-0.5 stroke-2 shrink-0" />
10          <div>
11            <h3 className="font-semibold text-sm">
12              Privacy Policy Updated
13            </h3>
14            <p className="text-sm text-muted-foreground mt-1">
15              We&apos;ve updated our privacy policy to better protect your data.
16              Please review the changes.
17            </p>
18            <Button variant="link" className="text-primary px-0 h-auto mt-2">
19              Review Changes →
20            </Button>
21          </div>
22        </div>
23        <Button variant={"outline"} className="size-8">
24          <X className="size-4 stroke-2" />
25          <span className="sr-only">Dismiss banner</span>
26        </Button>
27      </div>
28    </div>
29  );
30}