import {
  Link
} from "./chunk-TQOQC4PZ.js";
import {
  IconButton
} from "./chunk-O3DNDMV3.js";
import {
  Typo
} from "./chunk-PARGQUJB.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";

// src/molecules/download-card.tsx
import { DownloadIcon } from "@radix-ui/react-icons";
import { jsx, jsxs } from "react/jsx-runtime";
function DownloadCard({
  fileName,
  url,
  createdAt,
  size
}) {
  return /* @__PURE__ */ jsx(Link, { download: fileName, href: url, children: /* @__PURE__ */ jsx(
    IconButton,
    {
      mt: "3",
      size: "4",
      style: { width: "100%", height: 56 },
      variant: "soft",
      children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", pl: "4", width: "100%", children: [
        /* @__PURE__ */ jsx(Typo, { color: "gray", children: /* @__PURE__ */ jsx(DownloadIcon, { height: 20, width: 20 }) }),
        /* @__PURE__ */ jsxs(Flex, { align: "start", direction: "column", gap: "1", children: [
          /* @__PURE__ */ jsx(
            Typo,
            {
              style: {
                color: "var(--gray-12)"
              },
              variant: "caption",
              children: fileName
            }
          ),
          /* @__PURE__ */ jsx(Typo, { color: "gray", variant: "caption", children: size })
        ] })
      ] })
    }
  ) }, (createdAt == null ? void 0 : createdAt.valueOf()) + fileName);
}

export {
  DownloadCard
};
//# sourceMappingURL=chunk-6RHEORCQ.js.map