Files
Galeria/resources/js/Components/BotonAdd.tsx

28 lines
704 B
TypeScript

export default function BotonAdd({
show,
setshow,
}: {
show: boolean;
setshow: (arg0: boolean) => void;
}) {
if (!show) return null;
return (
<button
className="fixed bottom-0 right-0 m-4 flex h-[60px] w-[60px] items-center justify-center rounded-full bg-blue-600 text-white hover:bg-blue-700"
onClick={() => setshow(true)}
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
className="bi bi-plus"
viewBox="0 0 16 16"
>
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
</svg>
</button>
);
}