define(["require", "exports", "react", "office-ui-fabric-react/lib/ChoiceGroup", "office-ui-fabric-react/lib/Label", "@uifabric/react-hooks"], function (require, exports, React, ChoiceGroup_1, Label_1, react_hooks_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ChoiceGroupLabelExample = function () {
        // Use the useId() hook to ensure that the label ID is unique on the page. Notes:
        // - It's also okay to use a plain string and manually ensure its uniqueness.
        // - In a function component, we get the ID with the useId() hook so that it will stay the same.
        //   (In a class, you'd create the ID in the constructor with getId and save it in a private member.)
        var labelId = react_hooks_1.useId('labelElement');
        return (React.createElement("div", null,
            React.createElement(Label_1.Label, { id: labelId, required: true }, "Custom label"),
            React.createElement(ChoiceGroup_1.ChoiceGroup, { defaultSelectedKey: "B", options: [
                    {
                        key: 'A',
                        text: 'Option A'
                    },
                    {
                        key: 'B',
                        text: 'Option B'
                    },
                    {
                        key: 'C',
                        text: 'Option C',
                        disabled: true
                    },
                    {
                        key: 'D',
                        text: 'Option D'
                    }
                ], onChange: _onChange, ariaLabelledBy: labelId })));
    };
    function _onChange(ev, option) {
        console.dir(option);
    }
});
//# sourceMappingURL=ChoiceGroup.Label.Example.js.map