Banners3

1import { Button } from "@/ui/button";
2import { ShoppingBag, X } from "@mynaui/icons-react";
3 
4export default function Banners2() {
5  return (
6    <div className="bg-background border-b text-sm">
7      <div className="flex md:items-center justify-between max-w-7xl mx-auto px-4 py-4">
8        <div className="flex items-center gap-2">
9          <ShoppingBag className="size-5 stroke-2 shrink-0 hidden md:block" />
10          <div className="flex flex-col md:flex-row gap-1">
11            <span className="font-medium">
12              Help us improve!
13            </span>
14            <span className="text-muted-foreground">
15              Take our 2-minute survey and get 20% off your next purchase.
16            </span>
17          </div>
18        </div>
19        <div className="flex gap-2">
20          <Button size="sm">
21            Take Survey
22          </Button>
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    </div>
30  );
31}