import BasicInput from "./BasicInput";
import { Meta, Story, Canvas } from "@storybook/addon-docs/blocks";

<Meta title="Inputs/BasicInput" component={BasicInput} />

BasicInput functions just the same as `InputPasswordToggle`, without the password dots or the toggling. So, you know, like a basic input field.

<Canvas>
	<Story name="BasicInput">
        <BasicInput autofocus onChange={(event) => console.log('onChange: ', event)} />
	</Story>
</Canvas>

Inavlid:

<Canvas>
	<Story name="BasicInput Invalid">
        <BasicInput
			invalid
			invalidMessage='Invalid Input'
			onChange={(event) => console.log('onChange: ', event)}
		/>
	</Story>
</Canvas>