{"ast":null,"code":"import React from 'react';\nimport { Input, Stack, Center, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsxs(Stack, {\n    space: 4,\n    w: {\n      base: '75%',\n      md: '25%'\n    },\n    children: [_jsx(Center, {\n      children: _jsx(Heading, {\n        textAlign: \"center\",\n        mb: \"10\",\n        children: \"Input Variants\"\n      })\n    }), _jsx(Input, {\n      variant: \"outline\",\n      placeholder: \"Outline\"\n    }), _jsx(Input, {\n      variant: \"filled\",\n      placeholder: \"Filled\"\n    }), _jsx(Input, {\n      variant: \"underlined\",\n      placeholder: \"Underlined\"\n    }), _jsx(Input, {\n      variant: \"unstyled\",\n      placeholder: \"Unstyled\"\n    }), _jsx(Input, {\n      variant: \"rounded\",\n      placeholder: \"Round\"\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Input/Variant.tsx"],"names":["React","Input","Stack","Center","Heading","Example","base","md"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,KAAhB,EAAuBC,MAAvB,EAA+BC,OAA/B;;;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,MAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KAApB;AAAA,eACE,KAAC,MAAD;AAAA,gBACE,KAAC,OAAD;AAAS,QAAA,SAAS,EAAC,QAAnB;AAA4B,QAAA,EAAE,EAAC,IAA/B;AAAA;AAAA;AADF,MADF,EAME,KAAC,KAAD;AAAO,MAAA,OAAO,EAAC,SAAf;AAAyB,MAAA,WAAW,EAAC;AAArC,MANF,EAOE,KAAC,KAAD;AAAO,MAAA,OAAO,EAAC,QAAf;AAAwB,MAAA,WAAW,EAAC;AAApC,MAPF,EAQE,KAAC,KAAD;AAAO,MAAA,OAAO,EAAC,YAAf;AAA4B,MAAA,WAAW,EAAC;AAAxC,MARF,EASE,KAAC,KAAD;AAAO,MAAA,OAAO,EAAC,UAAf;AAA0B,MAAA,WAAW,EAAC;AAAtC,MATF,EAUE,KAAC,KAAD;AAAO,MAAA,OAAO,EAAC,SAAf;AAAyB,MAAA,WAAW,EAAC;AAArC,MAVF;AAAA,IADF;AAcD,CAfM","sourcesContent":["import React from 'react';\nimport { Input, Stack, Center, Heading } from 'native-base';\nexport const Example = () => {\n  return (\n    <Stack space={4} w={{ base: '75%', md: '25%' }}>\n      <Center>\n        <Heading textAlign=\"center\" mb=\"10\">\n          Input Variants\n        </Heading>\n      </Center>\n      <Input variant=\"outline\" placeholder=\"Outline\" />\n      <Input variant=\"filled\" placeholder=\"Filled\" />\n      <Input variant=\"underlined\" placeholder=\"Underlined\" />\n      <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n      <Input variant=\"rounded\" placeholder=\"Round\" />\n    </Stack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}