import { jsxs, jsx } from "react/jsx-runtime";
import { B as Button } from "./index-CY6fYws-.js";
import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from "./table-DB-AS5w6.js";
import { A as AppLayout, d as dashboard } from "./app-layout-BFyUFda2.js";
import { Head, Link } from "@inertiajs/react";
import { Pencil, Trash2 } from "lucide-react";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "clsx";
import "tailwind-merge";
import "react";
import "./sheet-Bq2cyJmx.js";
import "@radix-ui/react-dialog";
import "@radix-ui/react-tooltip";
import "@radix-ui/react-dropdown-menu";
import "@radix-ui/react-avatar";
import "./app-logo-icon-kpljnLMz.js";
function Product({
  product
}) {
  return /* @__PURE__ */ jsxs(
    AppLayout,
    {
      breadcrumbs: [
        { title: "Products", href: dashboard.product.index().url }
      ],
      children: [
        /* @__PURE__ */ jsx(Head, { title: "Products" }),
        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-8 px-8 py-8", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
            /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight", children: "Products" }),
            /* @__PURE__ */ jsx(Link, { href: dashboard.product.add(), children: /* @__PURE__ */ jsx(Button, { className: "cursor-pointer", children: "Add Image" }) })
          ] }),
          /* @__PURE__ */ jsxs(Table, { children: [
            /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
              /* @__PURE__ */ jsx(TableHead, { className: "w-[80px]", children: "S.N." }),
              /* @__PURE__ */ jsx(TableHead, { className: "w-48", children: "Image" }),
              /* @__PURE__ */ jsx(TableHead, { children: "Title" }),
              /* @__PURE__ */ jsx(TableHead, { className: "w-24", children: "Type" }),
              /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Action" })
            ] }) }),
            /* @__PURE__ */ jsx(TableBody, { children: product.map((item, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
              /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: index + 1 }),
              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
                "img",
                {
                  src: item.image_url,
                  alt: item.title,
                  className: "aspect-video w-24 rounded-md object-cover object-center"
                }
              ) }),
              /* @__PURE__ */ jsx(TableCell, { children: item.title }),
              /* @__PURE__ */ jsx(TableCell, { children: item.type }),
              /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
                /* @__PURE__ */ jsx(Link, { href: "", children: /* @__PURE__ */ jsx(Pencil, { size: 18 }) }),
                /* @__PURE__ */ jsx(Link, { href: "", children: /* @__PURE__ */ jsx(
                  Trash2,
                  {
                    size: 18,
                    color: "#D2042D"
                  }
                ) })
              ] }) })
            ] }, index)) })
          ] })
        ] })
      ]
    }
  );
}
export {
  Product as default
};