{"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/Title.tsx\";var Title=function Title(props){return React.createElement(_StyledText.default,(0,_extends2.default)({},props,{alpha:0.87,family:\"medium\",style:[styles.text,props.style],__source:{fileName:_jsxFileName,lineNumber:31}}));};var _default=Title;exports.default=_default;var styles=_StyleSheet.default.create({text:{fontSize:20,lineHeight:30,marginVertical:2,letterSpacing:0.15}});","map":{"version":3,"sources":["Title.tsx"],"names":["Title","styles","props","StyleSheet","text","fontSize","lineHeight","marginVertical","letterSpacing"],"mappings":"wUAAA,oD,4FAEA,gE,2GA2BA,GAAMA,CAAAA,KAAK,CAALA,QAAAA,CAAAA,KAAAA,CAAQ,KAARA,CAAQ,CAAA,MACZ,CAAA,KAAA,CAAA,aAAA,CAAA,mBAAA,CAAA,sBAAA,EAAA,CAAA,KAAA,CAAA,CAEE,KAAK,CAFP,IAAA,CAGE,MAAM,CAHR,QAAA,CAIE,KAAK,CAAE,CAACC,MAAM,CAAP,IAAA,CAAcC,KAAK,CAJ5B,KAIS,CAJT,CAAA,QAAA,CAAA,CAAA,QAAA,CAAA,YAAA,CAAA,UAAA,CADY,EACZ,CAAA,CAAA,CAAA,CADY,CAAd,CAAA,C,aASA,K,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 { 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"]},"metadata":{},"sourceType":"script"}