import * as React from 'react';
import { TextFieldBasicExample } from './TextField.Basic.Example';
import { TextFieldBorderlessExample } from './TextField.Borderless.Example';
import { TextFieldCustomRenderExample } from './TextField.CustomRender.Example';
import { TextFieldErrorMessageExample } from './TextField.ErrorMessage.Example';
import { TextFieldMultilineExample } from './TextField.Multiline.Example';
import { TextFieldControlledExample } from './TextField.Controlled.Example';
import { TextFieldPrefixAndSuffixExample } from './TextField.PrefixAndSuffix.Example';
import { TextFieldStyledExample } from './TextField.Styled.Example';
import { TextFieldMaskedExample } from './TextField.Masked.Example';
var TextFieldBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.Basic.Example.tsx');
var TextFieldBorderlessExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.Borderless.Example.tsx');
var TextFieldCustomRenderExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.CustomRender.Example.tsx');
var TextFieldErrorMessageExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.ErrorMessage.Example.tsx');
var TextFieldMultilineExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.Multiline.Example.tsx');
var TextFieldControlledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.Controlled.Example.tsx');
var TextFieldPrefixAndSuffixExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.PrefixAndSuffix.Example.tsx');
var TextFieldStyledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.Styled.Example.tsx');
var TextFieldMaskedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/TextField.Masked.Example.tsx');
export var TextFieldPageProps = {
    title: 'TextField',
    componentName: 'TextField',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/TextField',
    examples: [
        {
            title: 'Basic TextFields',
            code: TextFieldBasicExampleCode,
            view: React.createElement(TextFieldBasicExample, null),
        },
        {
            title: 'Controlled TextFields',
            code: TextFieldControlledExampleCode,
            view: React.createElement(TextFieldControlledExample, null),
        },
        {
            title: 'Multiline TextField',
            code: TextFieldMultilineExampleCode,
            view: React.createElement(TextFieldMultilineExample, null),
        },
        {
            title: 'Underlined and borderless TextFields',
            code: TextFieldBorderlessExampleCode,
            view: React.createElement(TextFieldBorderlessExample, null),
        },
        {
            title: 'Customizable Masked TextField',
            code: TextFieldMaskedExampleCode,
            view: React.createElement(TextFieldMaskedExample, null),
        },
        {
            title: 'TextField with prefix and/or suffix',
            code: TextFieldPrefixAndSuffixExampleCode,
            view: React.createElement(TextFieldPrefixAndSuffixExample, null),
        },
        {
            title: 'TextFields with custom rendering',
            code: TextFieldCustomRenderExampleCode,
            view: React.createElement(TextFieldCustomRenderExample, null),
        },
        {
            title: 'TextField error message variations',
            code: TextFieldErrorMessageExampleCode,
            view: React.createElement(TextFieldErrorMessageExample, null),
        },
        {
            title: 'TextField subcomponent styling',
            code: TextFieldStyledExampleCode,
            view: React.createElement(TextFieldStyledExample, null),
        },
    ],
    overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/docs/TextFieldOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/TextField/docs/TextFieldBestPractices.md'),
    isHeaderVisible: false,
    isFeedbackVisible: true,
    allowNativeProps: true,
    nativePropsElement: ['input', 'textarea'],
};
//# sourceMappingURL=TextField.doc.js.map