"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Fieldset = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const styles_1 = require("./styles");
const Fieldset = (props) => {
    const { isDisabled, gutterBottom, title, description, titleAddon, className, children, } = props;
    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, disabled: isDisabled, "$gutterBottom": gutterBottom, children: [title && ((0, jsx_runtime_1.jsxs)(styles_1.Title, { component: "h6", variant: "h6", children: [title, titleAddon && (0, jsx_runtime_1.jsx)(styles_1.TitleAddon, { children: titleAddon })] })), description && ((0, jsx_runtime_1.jsx)(styles_1.Description, { paragraph: true, color: "textSecondary", children: description })), children, isDisabled && (0, jsx_runtime_1.jsx)(styles_1.Backdrop, {})] }));
};
exports.Fieldset = Fieldset;
