define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CheckboxBasicExample = void 0;
    // Used to add spacing between example checkboxes
    var stackTokens = { childrenGap: 10 };
    var CheckboxBasicExample = function () {
        // These checkboxes are uncontrolled because they don't set the `checked` prop.
        return (React.createElement(react_1.Stack, { tokens: stackTokens },
            React.createElement(react_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: _onChange }),
            React.createElement(react_1.Checkbox, { label: "Checked checkbox (uncontrolled)", defaultChecked: true, onChange: _onChange }),
            React.createElement(react_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
            React.createElement(react_1.Checkbox, { label: "Disabled checked checkbox", disabled: true, defaultChecked: true })));
    };
    exports.CheckboxBasicExample = CheckboxBasicExample;
    function _onChange(ev, isChecked) {
        console.log("The option has been changed to " + isChecked + ".");
    }
});
//# sourceMappingURL=Checkbox.Basic.Example.js.map