import * as React from 'react';
import { CardVerticalExample } from './Card.Vertical.Example';
import { CardHorizontalExample } from './Card.Horizontal.Example';
import { CardConfigureExample } from './Card.Configure.Example';
var CardVerticalExampleCode = require('!raw-loader!@fluentui/examples/src/react-cards/Card/Card.Vertical.Example.tsx');
var CardHorizontalExampleCode = require('!raw-loader!@fluentui/examples/src/react-cards/Card/Card.Horizontal.Example.tsx');
var CardConfigureExampleCode = require('!raw-loader!@fluentui/examples/src/react-cards/Card/Card.Configure.Example.tsx');
export var CardPageProps = {
    title: 'Card',
    componentName: 'Card',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-cards/src/components/Card',
    examples: [
        {
            title: 'Vertical Card',
            code: CardVerticalExampleCode,
            view: React.createElement(CardVerticalExample, null),
        },
        {
            title: 'Horizontal Card',
            code: CardHorizontalExampleCode,
            view: React.createElement(CardHorizontalExample, null),
        },
        {
            title: 'Configure Properties',
            code: CardConfigureExampleCode,
            view: React.createElement(CardConfigureExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/react-cards/Card/docs/CardOverview.md'),
    bestPractices: '',
    dos: require('!raw-loader!@fluentui/examples/src/react-cards/Card/docs/CardDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/react-cards/Card/docs/CardDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=Card.doc.js.map