import { RiCloseFill, RiLeafFill } from "react-icons/ri";
import { Button } from "@/components/ui/button";
export default function MobileBanner() {
  return (
    <div className="fixed bottom-[var(--bottom-nav-height)] flex w-screen items-center gap-3 border-t bg-card px-3 py-2.5 sm:hidden">
      <div className="center h-[32px] w-[32px] shrink-0 rounded-[6px] border bg-white shadow">
        <RiLeafFill className="text-black" />
      </div>
      <div className="flex-1 text-sm font-medium text-foreground">
        Get our PWA
      </div>
      <Button size={"sm"} className="rounded-[6px]">
        Install
      </Button>
      <button className="center -mx-1">
        <RiCloseFill className="h-[18px] w-[18px] text-muted-foreground" />
      </button>
    </div>
  );
}