import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Backdrop, Description, Title, TitleAddon, Wrapper } from './styles';
export const Fieldset = (props) => {
    const { isDisabled, gutterBottom, title, description, titleAddon, className, children, } = props;
    return (_jsxs(Wrapper, { className: className, disabled: isDisabled, "$gutterBottom": gutterBottom, children: [title && (_jsxs(Title, { component: "h6", variant: "h6", children: [title, titleAddon && _jsx(TitleAddon, { children: titleAddon })] })), description && (_jsx(Description, { paragraph: true, color: "textSecondary", children: description })), children, isDisabled && _jsx(Backdrop, {})] }));
};
