41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
import { jsxs, jsx } from "react/jsx-runtime";
|
|
import classNames from "classnames";
|
|
import { S as SectionTitle } from "./SectionTitle-DnuUNpyS.js";
|
|
function FormSection({
|
|
onSubmit,
|
|
renderActions,
|
|
title,
|
|
description,
|
|
children
|
|
}) {
|
|
const hasActions = !!renderActions;
|
|
return /* @__PURE__ */ jsxs("div", { className: "md:grid md:grid-cols-3 md:gap-6", children: [
|
|
/* @__PURE__ */ jsx(SectionTitle, { title, description }),
|
|
/* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-0 md:col-span-2", children: /* @__PURE__ */ jsxs(
|
|
"form",
|
|
{
|
|
onSubmit: (e) => {
|
|
e.preventDefault();
|
|
onSubmit();
|
|
},
|
|
children: [
|
|
/* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
className: classNames(
|
|
"px-4 py-5 bg-white dark:bg-gray-800 sm:p-6 shadow-sm",
|
|
hasActions ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"
|
|
),
|
|
children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-6", children })
|
|
}
|
|
),
|
|
hasActions && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-4 py-3 bg-gray-50 dark:bg-gray-800 text-right sm:px-6 shadow-sm sm:rounded-bl-md sm:rounded-br-md", children: renderActions == null ? void 0 : renderActions() })
|
|
]
|
|
}
|
|
) })
|
|
] });
|
|
}
|
|
export {
|
|
FormSection as F
|
|
};
|