| 1 | {"version":3,"sources":["Paragraph.tsx"],"names":["Paragraph","props","styles","text","style","StyleSheet","create","fontSize","lineHeight","marginVertical","letterSpacing"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAMA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAIC,KAAD,iBAChB,oBAAC,mBAAD,eACMA,KADN;AAEE,EAAA,KAAK,EAAE,IAFT;AAGE,EAAA,MAAM,EAAC,SAHT;AAIE,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAcF,KAAK,CAACG,KAApB;AAJT,GADF;;eASeJ,S;;;AAEf,MAAME,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,IAAI,EAAE;AACJI,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE,EAFR;AAGJC,IAAAA,cAAc,EAAE,CAHZ;AAIJC,IAAAA,aAAa,EAAE;AAJX;AADyB,CAAlB,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"]} |