{"ast":null,"code":"var _interopRequireWildcard=require(\"@babel/runtime/helpers/interopRequireWildcard\");var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");Object.defineProperty(exports,\"__esModule\",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));var React=_interopRequireWildcard(require(\"react\"));var _StyleSheet=_interopRequireDefault(require(\"react-native-web/dist/exports/StyleSheet\"));var _StyledText=_interopRequireDefault(require(\"./StyledText\"));var _jsxFileName=\"/Users/satya/Workspace/Callstack/react-native-paper/src/components/Typography/Caption.tsx\";var Caption=function Caption(props){return React.createElement(_StyledText.default,(0,_extends2.default)({},props,{alpha:0.54,family:\"regular\",style:[styles.text,props.style],__source:{fileName:_jsxFileName,lineNumber:32}}));};var _default=Caption;exports.default=_default;var styles=_StyleSheet.default.create({text:{fontSize:12,lineHeight:20,marginVertical:2,letterSpacing:0.4}});","map":{"version":3,"sources":["Caption.tsx"],"names":["Caption","styles","props","StyleSheet","text","fontSize","lineHeight","marginVertical","letterSpacing"],"mappings":"wUAAA,oD,4FAEA,gE,6GA4BA,GAAMA,CAAAA,OAAO,CAAPA,QAAAA,CAAAA,OAAAA,CAAU,KAAVA,CAAU,CAAA,MACd,CAAA,KAAA,CAAA,aAAA,CAAA,mBAAA,CAAA,sBAAA,EAAA,CAAA,KAAA,CAAA,CAEE,KAAK,CAFP,IAAA,CAGE,MAAM,CAHR,SAAA,CAIE,KAAK,CAAE,CAACC,MAAM,CAAP,IAAA,CAAcC,KAAK,CAJ5B,KAIS,CAJT,CAAA,QAAA,CAAA,CAAA,QAAA,CAAA,YAAA,CAAA,UAAA,CADc,EACd,CAAA,CAAA,CAAA,CADc,CAAhB,CAAA,C,aASA,O,0BAEA,GAAMD,CAAAA,MAAM,CAAGE,oBAAAA,MAAAA,CAAkB,CAC/BC,IAAI,CAAE,CACJC,QAAQ,CADJ,EAAA,CAEJC,UAAU,CAFN,EAAA,CAGJC,cAAc,CAHV,CAAA,CAIJC,aAAa,CALjB,GACQ,CADyB,CAAlBL,CAAf","sourcesContent":["import * as React from 'react';\nimport { Text, TextStyle, StyleSheet, StyleProp } from 'react-native';\nimport StyledText from './StyledText';\n\ntype Props = React.ComponentProps<typeof Text> & {\n  style?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n};\n\n// @component-group Typography\n\n/**\n * Typography component for showing a caption.\n *\n * <div class=\"screenshots\">\n *   <img src=\"screenshots/caption.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Caption } from 'react-native-paper';\n *\n * const MyComponent = () => (\n *   <Caption>Caption</Caption>\n * );\n *\n * export default MyComponent;\n * ```\n */\nconst Caption = (props: Props) => (\n  <StyledText\n    {...props}\n    alpha={0.54}\n    family=\"regular\"\n    style={[styles.text, props.style]}\n  />\n);\n\nexport default Caption;\n\nconst styles = StyleSheet.create({\n  text: {\n    fontSize: 12,\n    lineHeight: 20,\n    marginVertical: 2,\n    letterSpacing: 0.4,\n  },\n});\n"]},"metadata":{},"sourceType":"script"}