"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormGroupExample = exports.WithLabels = void 0;
const react_1 = __importDefault(require("react"));
const Box_1 = __importDefault(require("@mui/material/Box"));
const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
const FormGroup_1 = __importDefault(require("@mui/material/FormGroup"));
const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
const FormLabel_1 = __importDefault(require("@mui/material/FormLabel"));
exports.default = {
    title: "MUI-v5/Checkbox",
    argTypes: {
        onChange: { action: "changed" },
    },
};
exports.WithLabels = {
    render: (args) => (react_1.default.createElement(FormGroup_1.default, null,
        react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { defaultChecked: true }), label: "Label" }, args)),
        react_1.default.createElement(FormControlLabel_1.default, Object.assign({ required: true, control: react_1.default.createElement(Checkbox_1.default, null), label: "Required" }, args)),
        react_1.default.createElement(FormControlLabel_1.default, Object.assign({ disabled: true, control: react_1.default.createElement(Checkbox_1.default, null), label: "Disabled" }, args)))),
};
exports.FormGroupExample = {
    render: (args) => {
        const [state, setState] = react_1.default.useState({
            gilad: true,
            jason: false,
            antoine: false,
        });
        const handleChange = (event) => {
            setState(Object.assign(Object.assign({}, state), { [event.target.name]: event.target.checked }));
        };
        const { gilad, jason, antoine } = state;
        const error = [gilad, jason, antoine].filter((v) => v).length !== 2;
        return (react_1.default.createElement(Box_1.default, { sx: { display: "flex" } },
            react_1.default.createElement(FormControl_1.default, { sx: { m: 3 }, component: "fieldset", variant: "standard" },
                react_1.default.createElement(FormLabel_1.default, { component: "legend" }, "Assign responsibility"),
                react_1.default.createElement(FormGroup_1.default, Object.assign({}, args),
                    react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { checked: gilad, onChange: handleChange, name: "gilad" }), label: "Gilad Gray" }, args)),
                    react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { checked: jason, onChange: handleChange, name: "jason" }), label: "Jason Killian" }, args)),
                    react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { checked: antoine, onChange: handleChange, name: "antoine" }), label: "Antoine Llorca" }, args))),
                react_1.default.createElement(FormHelperText_1.default, null, "Be careful")),
            react_1.default.createElement(FormControl_1.default, { required: true, error: error, component: "fieldset", sx: { m: 3 }, variant: "standard" },
                react_1.default.createElement(FormLabel_1.default, { component: "legend" }, "Pick two"),
                react_1.default.createElement(FormGroup_1.default, Object.assign({}, args),
                    react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { checked: gilad, onChange: handleChange, name: "gilad" }), label: "Gilad Gray" }, args)),
                    react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { checked: jason, onChange: handleChange, name: "jason" }), label: "Jason Killian" }, args)),
                    react_1.default.createElement(FormControlLabel_1.default, Object.assign({ control: react_1.default.createElement(Checkbox_1.default, { checked: antoine, onChange: handleChange, name: "antoine" }), label: "Antoine Llorca" }, args))),
                react_1.default.createElement(FormHelperText_1.default, null, "You can display an error"))));
    },
};