// packages/preferences/src/components/preferences-modal-section/index.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var Section = ({ description, title, children }) => /* @__PURE__ */ jsxs("fieldset", { className: "preferences-modal__section", children: [
  /* @__PURE__ */ jsxs("legend", { className: "preferences-modal__section-legend", children: [
    /* @__PURE__ */ jsx("h2", { className: "preferences-modal__section-title", children: title }),
    description && /* @__PURE__ */ jsx("p", { className: "preferences-modal__section-description", children: description })
  ] }),
  /* @__PURE__ */ jsx("div", { className: "preferences-modal__section-content", children })
] });
var preferences_modal_section_default = Section;
export {
  preferences_modal_section_default as default
};
//# sourceMappingURL=index.mjs.map
