text: var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../../storybook/components/Container"));var _storiesOf=require("../../../storybook/helpers/storiesOf");var _=require("../../../");var _jsxFileName="/Users/ricbermo/development/material-bread/src/Components/TextField/TextFieldFilled/TextFieldFilled.stories.js";var store=new _storybookState.Store({filledOne:'',filledTwo:'',filledThree:''});var _default=(0,_storiesOf.storiesOf)('Components|TextField/Filled',module).addParameters({jest:['TextFieldFilled']}).add('simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:20}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:21}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:22}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:24}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Label',value:state.filledOne,onChangeText:function onChangeText(value){return store.set({filledOne:value});},__source:{fileName:_jsxFileName,lineNumber:25}}),_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Label',error:true,value:state.filledThree,onChangeText:function onChangeText(value){return store.set({filledThree:value});},helperText:'There is an error',__source:{fileName:_jsxFileName,lineNumber:33}}));}));}).add('multiline',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:48}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:49}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:50}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:52}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Multiline',multiline:true,value:state.filledTwo,onChangeText:function onChangeText(value){return store.set({filledTwo:value});},__source:{fileName:_jsxFileName,lineNumber:53}}));}));}).add('with leadingIcon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:67}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:68}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:69}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:71}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Icon',leadingIcon:_react.default.createElement(_.Icon,{name:'date-range',size:24,color:'#6e6e6e',__source:{fileName:_jsxFileName,lineNumber:77}}),value:state.filledTwo,onChangeText:function onChangeText(value){return store.set({filledTwo:value});},__source:{fileName:_jsxFileName,lineNumber:72}}));}));}).add('with trailingIcon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:88}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:89}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:90}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:92}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Icon',trailingIcon:_react.default.createElement(_.Icon,{name:'date-range',size:24,color:'#6e6e6e',__source:{fileName:_jsxFileName,lineNumber:98}}),value:state.filledTwo,onChangeText:function onChangeText(value){return store.set({filledTwo:value});},__source:{fileName:_jsxFileName,lineNumber:93}}));}));}).add('with prefix',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:109}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:110}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:111}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:113}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Pounds',prefix:_react.default.createElement(_.BodyText,{text:'$',__source:{fileName:_jsxFileName,lineNumber:118}}),value:state.filledTwo,onChangeText:function onChangeText(value){return store.set({filledTwo:value});},__source:{fileName:_jsxFileName,lineNumber:114}}));}));}).add('with suffix',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:128}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:129}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:130}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:132}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Pounds',suffix:_react.default.createElement(_.Caption,{text:"lbs",__source:{fileName:_jsxFileName,lineNumber:137}}),value:state.filledTwo,onChangeText:function onChangeText(value){return store.set({filledTwo:value});},__source:{fileName:_jsxFileName,lineNumber:133}}));}));}).add('with helperText',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:147}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:148}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:149}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:151}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Label',value:state.filledOne,onChangeText:function onChangeText(value){return store.set({filledOne:value});},helperText:'Some helper text',__source:{fileName:_jsxFileName,lineNumber:152}}),_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'Label',error:true,value:state.filledThree,onChangeText:function onChangeText(value){return store.set({filledThree:value});},helperText:'This is the error text that will show',__source:{fileName:_jsxFileName,lineNumber:161}}));}));}).add('dense',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:176}},_react.default.createElement(_Header.default,{title:'Filled TextField',__source:{fileName:_jsxFileName,lineNumber:177}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:178}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:180}},_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},label:'With Label',value:state.filledOne,onChangeText:function onChangeText(value){return store.set({filledOne:value});},dense:true,__source:{fileName:_jsxFileName,lineNumber:181}}),_react.default.createElement(_.TextField,{type:'filled',containerStyle:{marginTop:20},value:state.filledThree,onChangeText:function onChangeText(value){return store.set({filledThree:value});},dense:true,__source:{fileName:_jsxFileName,lineNumber:190}}));}));});exports.default=_default;