{"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/Paragraph.tsx\";var Paragraph=function Paragraph(props){return React.createElement(_StyledText.default,(0,_extends2.default)({},props,{alpha:0.87,family:\"regular\",style:[styles.text,props.style],__source:{fileName:_jsxFileName,lineNumber:31}}));};var _default=Paragraph;exports.default=_default;var styles=_StyleSheet.default.create({text:{fontSize:14,lineHeight:20,marginVertical:2,letterSpacing:0.25}});","map":{"version":3,"sources":["Paragraph.tsx"],"names":["Paragraph","styles","props","StyleSheet","text","fontSize","lineHeight","marginVertical","letterSpacing"],"mappings":"wUAAA,oD,4FAEA,gE,+GA2BA,GAAMA,CAAAA,SAAS,CAATA,QAAAA,CAAAA,SAAAA,CAAY,KAAZA,CAAY,CAAA,MAChB,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,CADgB,EAChB,CAAA,CAAA,CAAA,CADgB,CAAlB,CAAA,C,aASA,S,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,IACQ,CADyB,CAAlBL,CAAf","sourcesContent":["import * as React from 'react';\nimport { TextProps, StyleSheet } from 'react-native';\nimport StyledText from './StyledText';\n\ntype Props = TextProps & {\n  children: React.ReactNode;\n};\n\n// @component-group Typography\n\n/**\n * Typography component for showing a paragraph.\n *\n * <div class=\"screenshots\">\n *   <img src=\"screenshots/paragraph.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Paragraph } from 'react-native-paper';\n *\n * const MyComponent = () => (\n *   <Paragraph>Paragraph</Paragraph>\n * );\n *\n * export default MyComponent;\n * ```\n */\nconst Paragraph = (props: Props) => (\n  <StyledText\n    {...props}\n    alpha={0.87}\n    family=\"regular\"\n    style={[styles.text, props.style]}\n  />\n);\n\nexport default Paragraph;\n\nconst styles = StyleSheet.create({\n  text: {\n    fontSize: 14,\n    lineHeight: 20,\n    marginVertical: 2,\n    letterSpacing: 0.25,\n  },\n});\n"]},"metadata":{},"sourceType":"script"}