import * as React from 'react';
import { GroupedListBasicExample } from './GroupedList.Basic.Example';
import { GroupedListCustomExample } from './GroupedList.Custom.Example';
import { GroupedListCustomCheckboxExample } from './GroupedList.CustomCheckbox.Example';
var GroupedListBasicExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/GroupedList/GroupedList.Basic.Example.tsx');
var GroupedListCustomExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/GroupedList/GroupedList.Custom.Example.tsx');
var GroupedListCustomCheckboxExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/GroupedList/GroupedList.CustomCheckbox.Example.tsx');
export var GroupedListPageProps = {
    title: 'GroupedList',
    componentName: 'GroupedList',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/office-ui-fabric-react/src/components/GroupedList',
    examples: [
        {
            title: 'GroupedList basic example',
            code: GroupedListBasicExampleCode,
            view: React.createElement(GroupedListBasicExample, null),
        },
        {
            title: 'GroupedList example with custom header and footer',
            code: GroupedListCustomExampleCode,
            view: React.createElement(GroupedListCustomExample, null),
        },
        {
            title: 'GroupedList example with custom checkbox',
            code: GroupedListCustomCheckboxExampleCode,
            view: React.createElement(GroupedListCustomCheckboxExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/GroupedList/docs/GroupedListOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/GroupedList/docs/GroupedListBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=GroupedList.doc.js.map