import * as React from 'react';
import { TextField, TextArea, ComboBox, CheckBox, DatePicker, FileInput, ColorPicker } from '.';

export const InputPreview = () => (
    <div>
        <div>
            <h3>Text Field</h3>
            <TextField/>
        </div>
        <div>
            <h3>Text Area</h3>
            <TextArea/>
        </div>
        <div>
            <h3>Combo Box</h3>
            <ComboBox/>
        </div>
        <div>
            <h3>Check Box</h3>
            <CheckBox/>
        </div>
        <div>
            <h3>Date Picker</h3>
            <DatePicker/>
        </div>
        <div>
            <h3>File Input</h3>
            <FileInput/>
        </div>
        <div>
            <h3>Color Picker</h3>
            <ColorPicker/>
        </div>
    </div>
);