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