| 1 | {"version":3,"sources":["Title.tsx"],"names":["Title","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,KAAK,GAAIC,KAAD,iBACZ,oBAAC,mBAAD,eACMA,KADN;AAEE,EAAA,KAAK,EAAE,IAFT;AAGE,EAAA,MAAM,EAAC,QAHT;AAIE,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAcF,KAAK,CAACG,KAApB;AAJT,GADF;;eASeJ,K;;;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 { Text, StyleSheet } from 'react-native';\nimport StyledText from './StyledText';\n\ntype Props = React.ComponentProps<typeof Text> & {\n children: React.ReactNode;\n};\n\n// @component-group Typography\n\n/**\n * Typography component for showing a title.\n *\n * <div class=\"screenshots\">\n * <img src=\"screenshots/title.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Title } from 'react-native-paper';\n *\n * const MyComponent = () => (\n * <Title>Title</Title>\n * );\n *\n * export default MyComponent;\n * ```\n */\nconst Title = (props: Props) => (\n <StyledText\n {...props}\n alpha={0.87}\n family=\"medium\"\n style={[styles.text, props.style]}\n />\n);\n\nexport default Title;\n\nconst styles = StyleSheet.create({\n text: {\n fontSize: 20,\n lineHeight: 30,\n marginVertical: 2,\n letterSpacing: 0.15,\n },\n});\n"]} |