"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var ChoiceGroup_Basic_Example_1 = require("./ChoiceGroup.Basic.Example");
var ChoiceGroup_Controlled_Example_1 = require("./ChoiceGroup.Controlled.Example");
var ChoiceGroup_Label_Example_1 = require("./ChoiceGroup.Label.Example");
var ChoiceGroup_Custom_Example_1 = require("./ChoiceGroup.Custom.Example");
var ChoiceGroup_Image_Example_1 = require("./ChoiceGroup.Image.Example");
var ChoiceGroup_Icon_Example_1 = require("./ChoiceGroup.Icon.Example");
var ChoiceGroupBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/ChoiceGroup.Basic.Example.tsx');
var ChoiceGroupControlledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/ChoiceGroup.Controlled.Example.tsx');
var ChoiceGroupLabelExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/ChoiceGroup.Label.Example.tsx');
var ChoiceGroupCustomExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/ChoiceGroup.Custom.Example.tsx');
var ChoiceGroupImageExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/ChoiceGroup.Image.Example.tsx');
var ChoiceGroupIconExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/ChoiceGroup.Icon.Example.tsx');
exports.ChoiceGroupPageProps = {
    title: 'ChoiceGroup',
    componentName: 'ChoiceGroup',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/ChoiceGroup',
    examples: [
        {
            title: 'Basic ChoiceGroup',
            code: ChoiceGroupBasicExampleCode,
            view: React.createElement(ChoiceGroup_Basic_Example_1.ChoiceGroupBasicExample, null),
        },
        {
            title: 'Controlled ChoiceGroup',
            code: ChoiceGroupControlledExampleCode,
            view: React.createElement(ChoiceGroup_Controlled_Example_1.ChoiceGroupControlledExample, null),
        },
        {
            title: 'ChoiceGroup with images',
            code: ChoiceGroupImageExampleCode,
            view: React.createElement(ChoiceGroup_Image_Example_1.ChoiceGroupImageExample, null),
        },
        {
            title: 'ChoiceGroup with icons',
            code: ChoiceGroupIconExampleCode,
            view: React.createElement(ChoiceGroup_Icon_Example_1.ChoiceGroupIconExample, null),
        },
        {
            title: 'ChoiceGroup with a custom label',
            code: ChoiceGroupLabelExampleCode,
            view: React.createElement(ChoiceGroup_Label_Example_1.ChoiceGroupLabelExample, null),
        },
        {
            title: 'ChoiceGroup with custom option rendering',
            code: ChoiceGroupCustomExampleCode,
            view: React.createElement(ChoiceGroup_Custom_Example_1.ChoiceGroupCustomExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/docs/ChoiceGroupOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/ChoiceGroup/docs/ChoiceGroupBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
    nativePropsElement: 'input',
};
//# sourceMappingURL=ChoiceGroup.doc.js.map