"use client"
import{h as a}from"./chunk-C3INMDSG.mjs";import{DownloadIcon as l}from"lucide-react";import t from"next/image";import{jsx as s,jsxs as o}from"react/jsx-runtime";function u({className:r,imageContainerClassName:i,image:e}){return o("a",{href:e.src,download:e.src,className:a("relative block outline-none ring-inset ring-blue-500 focus-visible:ring",r),children:[s("div",{className:a("relative h-full w-full",i),children:s(t,{...e,className:a("relative",e.className)})}),o("div",{className:"group/inner absolute bottom-4 right-4 z-20 rounded-full px-3 py-3 shadow-sm transition-all group-hover:translate-y-0 group-hover:opacity-100 group-focus-visible:translate-y-0 group-focus-visible:opacity-100 sm:translate-y-2 sm:py-1 sm:opacity-0",children:[s("div",{className:"absolute inset-0 rounded-full bg-current opacity-0 group-hover/inner:opacity-[.05]"}),s("div",{className:"absolute inset-0 rounded-full border border-current opacity-[.15]"}),o("div",{className:"flex items-center gap-2 text-sm",children:[s(l,{className:"h-4 w-4"}),s("span",{className:"hidden sm:block",children:"Download"})]})]})]})}export{u as a};
