@tohuhono/puck-blocks/dist/components/dashboard.js

A collection of puck components for building pages in OberonCMS

import { jsxs, jsx } from "react/jsx-runtime";
import { CardsActivityGoal } from "./cards/activity-goal.js";
import { CardsCalendar } from "./cards/calendar.js";
import { CardsChat } from "./cards/chat.js";
import { CardsCookieSettings } from "./cards/cookie-settings.js";
import { CardsCreateAccount } from "./cards/create-account.js";
import { CardsDataTable } from "./cards/data-table.js";
import { CardsMetric } from "./cards/metric.js";
import { CardsPaymentMethod } from "./cards/payment-method.js";
import { CardsReportIssue } from "./cards/report-issue.js";
import { CardsShare } from "./cards/share.js";
import { CardsStats } from "./cards/stats.js";
import { CardsTeamMembers } from "./cards/team-members.js";
const Dashboard = () => {
  return /* @__PURE__ */ jsxs("div", { className: "md:grids-col-2 grid p-4 md:gap-4 lg:grid-cols-10 xl:grid-cols-11 xl:gap-4", children: [
    /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:col-span-4 xl:col-span-6 xl:space-y-4", children: [
      /* @__PURE__ */ jsx(CardsStats, {}),
      /* @__PURE__ */ jsxs("div", { className: "grid gap-1 sm:grid-cols-[260px_1fr] md:hidden", children: [
        /* @__PURE__ */ jsx(CardsCalendar, {}),
        /* @__PURE__ */ jsx("div", { className: "pt-3 sm:pl-2 sm:pt-0 xl:pl-4", children: /* @__PURE__ */ jsx(CardsActivityGoal, {}) }),
        /* @__PURE__ */ jsx("div", { className: "pt-3 sm:col-span-2 xl:pt-4", children: /* @__PURE__ */ jsx(CardsMetric, {}) })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-4 xl:space-y-4", children: [
          /* @__PURE__ */ jsx(CardsTeamMembers, {}),
          /* @__PURE__ */ jsx(CardsCookieSettings, {}),
          /* @__PURE__ */ jsx(CardsPaymentMethod, {})
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-4 xl:space-y-4", children: [
          /* @__PURE__ */ jsx(CardsChat, {}),
          /* @__PURE__ */ jsx(CardsCreateAccount, {}),
          /* @__PURE__ */ jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsx(CardsReportIssue, {}) })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:col-span-6 xl:col-span-5 xl:space-y-4", children: [
      /* @__PURE__ */ jsxs("div", { className: "hidden gap-1 sm:grid-cols-[260px_1fr] md:grid", children: [
        /* @__PURE__ */ jsx(CardsCalendar, {}),
        /* @__PURE__ */ jsx("div", { className: "pt-3 sm:pl-2 sm:pt-0 xl:pl-3", children: /* @__PURE__ */ jsx(CardsActivityGoal, {}) }),
        /* @__PURE__ */ jsx("div", { className: "pt-3 sm:col-span-2 xl:pt-3", children: /* @__PURE__ */ jsx(CardsMetric, {}) })
      ] }),
      /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(CardsDataTable, {}) }),
      /* @__PURE__ */ jsx(CardsShare, {}),
      /* @__PURE__ */ jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsx(CardsReportIssue, {}) })
    ] })
  ] });
};
export {
  Dashboard
};