@tohuhono/puck-blocks
Version:
A collection of puck components for building pages in OberonCMS
135 lines (134 loc) • 5.67 kB
JavaScript
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: "\n grid p-4\n md:grid-cols-2 md:gap-4\n lg:grid-cols-10\n xl:grid-cols-11 xl:gap-4\n ",
children: [
/* @__PURE__ */ jsxs(
"div",
{
className: "\n space-y-4\n lg:col-span-4\n xl:col-span-6 xl:space-y-4\n ",
children: [
/* @__PURE__ */ jsx(CardsStats, {}),
/* @__PURE__ */ jsxs(
"div",
{
className: "\n grid gap-1\n sm:grid-cols-[260px_1fr]\n md:hidden\n ",
children: [
/* @__PURE__ */ jsx(CardsCalendar, {}),
/* @__PURE__ */ jsx(
"div",
{
className: "\n pt-3\n sm:pt-0 sm:pl-2\n xl:pl-4\n ",
children: /* @__PURE__ */ jsx(CardsActivityGoal, {})
}
),
/* @__PURE__ */ jsx(
"div",
{
className: "\n pt-3\n sm:col-span-2\n xl:pt-4\n ",
children: /* @__PURE__ */ jsx(CardsMetric, {})
}
)
]
}
),
/* @__PURE__ */ jsxs(
"div",
{
className: "\n grid gap-4\n md:grid-cols-2\n lg:grid-cols-1\n xl:grid-cols-2\n ",
children: [
/* @__PURE__ */ jsxs(
"div",
{
className: "\n space-y-4\n xl:space-y-4\n ",
children: [
/* @__PURE__ */ jsx(CardsTeamMembers, {}),
/* @__PURE__ */ jsx(CardsCookieSettings, {}),
/* @__PURE__ */ jsx(CardsPaymentMethod, {})
]
}
),
/* @__PURE__ */ jsxs(
"div",
{
className: "\n space-y-4\n xl:space-y-4\n ",
children: [
/* @__PURE__ */ jsx(CardsChat, {}),
/* @__PURE__ */ jsx(CardsCreateAccount, {}),
/* @__PURE__ */ jsx(
"div",
{
className: "\n hidden\n xl:block\n ",
children: /* @__PURE__ */ jsx(CardsReportIssue, {})
}
)
]
}
)
]
}
)
]
}
),
/* @__PURE__ */ jsxs(
"div",
{
className: "\n space-y-4\n lg:col-span-6\n xl:col-span-5 xl:space-y-4\n ",
children: [
/* @__PURE__ */ jsxs(
"div",
{
className: "\n hidden gap-1\n sm:grid-cols-[260px_1fr]\n md:grid\n ",
children: [
/* @__PURE__ */ jsx(CardsCalendar, {}),
/* @__PURE__ */ jsx(
"div",
{
className: "\n pt-3\n sm:pt-0 sm:pl-2\n xl:pl-3\n ",
children: /* @__PURE__ */ jsx(CardsActivityGoal, {})
}
),
/* @__PURE__ */ jsx(
"div",
{
className: "\n pt-3\n sm:col-span-2\n xl:pt-3\n ",
children: /* @__PURE__ */ jsx(CardsMetric, {})
}
)
]
}
),
/* @__PURE__ */ jsx(
"div",
{
className: "\n hidden\n md:block\n ",
children: /* @__PURE__ */ jsx(CardsDataTable, {})
}
),
/* @__PURE__ */ jsx(CardsShare, {}),
/* @__PURE__ */ jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsx(CardsReportIssue, {}) })
]
}
)
]
}
);
};
export {
Dashboard
};