{"size": 907, "ext": "js", "max_stars_repo_path": "app/src/components/Select/__stories__/index.stories.js", "max_stars_repo_name": "piterjs/video-trimmer", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/src/components/Select/__stories__/index.stories.js", "max_issues_repo_name": "piterjs/video-trimmer", "max_issues_repo_issues_event_min_datetime": "2019-06-10T21:52:03.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T10:35:21.000Z", "max_forks_repo_path": "app/src/components/Select/__stories__/index.stories.js", "max_forks_repo_name": "piterjs/video-trimmer", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 29, "max_forks_count": null, "avg_line_length": 34.8846153846, "max_line_length": 97, "alphanum_fraction": 0.5711135612}
import React from 'react';
import { storiesOf } from '@storybook/react';
import { optionsKnob as options, boolean } from '@storybook/addon-knobs';
import Select from '../';

const stories = storiesOf('Form|Select', module)

stories.add('Select', () => {
    return <Select
        type={options('Type', ['text', 'email', 'number', 'url'], 'text', {
            display: 'inline-radio'
        })}
        disabled={boolean('Disabled', false)}
        readonly={boolean('Read only', false)}
        size={options('Size', ['small', 'normal', 'medium', 'large'], 'normal', {
            display: 'inline-radio'
        })}
        color={options('Color', ['default', 'info', 'success', 'warning', 'danger'], 'default', {
            display: 'inline-radio'
        })}
    >
        <option value="any-value">Any value</option>
        <option value="any-disabled" disabled>Any value</option>
    </Select>
})
