import React from "react" ; import type { Story } from "@storybook/react" ; import { TextArea , TextAreaProps } from "@okta/odyssey-react" ; import { TextArea as Source } from "../../../../odyssey-react/src" ; export default { title : `Components/TextArea` , component : Source , args : { label : "Field Label" , defaultValue : " " , hint : "Descriptive field hint" } , argTypes : { required : { control : "boolean" } , disabled : { control : "boolean" } , readonly : { control : "boolean" } , defaultValue : { control : "text" } , hint : { control : "text" } , optionalLabel : { control : "text" } , placeholder : { control : "text" } , value : { control : "text" } , id : { control : "text" } , name : { control : "text" } , error : { control : "text" } , onChange : { control : false } , onBlur : { control : false } , onFocus : { control : false } } } ; const Template = ( props ) => < TextArea { ... props } / > ; export const Default = Template . bind ( { } ) ; export const Disabled = Template . bind ( { } ) ; Disabled . args = { disabled : true } ; export const Optional = Template . bind ( { } ) ; Optional . args = { required : false , optionalLabel : "Optional" } ;