import type { TComponentConfig } from 'autoprops' ; import { component , startWithType , mapState , mapHandlers } from 'refun' ; import type { TComponentControls } from '@revert/sandbox' ; import { SYMBOL_CONTROL_SWITCH } from '@revert/sandbox' ; import { Input } from './src' ; import type { TInput } from './src' ; export const Component = component ( startWithType < TInput > ( ) , mapState ( 'value' , 'setValue' , ( { value } ) => value , [ 'value' ] ) , mapHandlers ( { onChange : ( { onChange , setValue } ) => ( value ) => { setValue ( value ) ; onChange ( value ) ; } , } ) ) ( Input ) ; Component . displayName = 'Input' ; export const config = { props : { isDisabled : [ true ] , color : [ [ 0xff , 0x00 , 0x00 , 1 ] ] , fontSize : [ 24 ] , fontFamily : [ 'Arial' ] , fontWeight : [ 700 ] , lineHeight : [ 24 ] , letterSpacing : [ 5 ] , inlineStart : [ 10 ] , blockStart : [ 10 ] , inlineEnd : [ 10 ] , blockEnd : [ 10 ] , value : [ 'value' ] , onChange : [ ( ) => { } ] , } , required : [ 'value' , 'onChange' ] , deps : { inlineStart : [ 'inlineEnd' , 'blockStart' , 'blockEnd' ] , inlineEnd : [ 'inlineStart' , 'blockStart' , 'blockEnd' ] , blockStart : [ 'inlineStart' , 'inlineEnd' , 'blockEnd' ] , blockEnd : [ 'inlineStart' , 'inlineEnd' , 'blockStart' ] , } , } ; export { default as packageJson } from './package.json' ; export { default as readme } from './readme.md' ; export const controls = { isDisabled : SYMBOL_CONTROL_SWITCH , } ;