UNPKG

react-native-elegant-header

Version:

Fully customizable, easy to use Elegant Header component for React Native

23 lines 1.3 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = require("tslib"); const React = tslib_1.__importStar(require("react")); const react_native_1 = require("react-native"); /** * ? Local Imports */ const ElegantHeader_style_1 = tslib_1.__importStar(require("./ElegantHeader.style")); const Title_1 = tslib_1.__importDefault(require("./components/title/Title")); const Description_1 = tslib_1.__importDefault(require("./components/description/Description")); const BackButton_1 = tslib_1.__importDefault(require("./components/back-button/BackButton")); const ElegantHeader = ({ style, title, description, TextComponent = react_native_1.Text, enableBackButton = false, TouchableComponent = react_native_1.TouchableOpacity, ...rest }) => { return (<react_native_1.View style={[ElegantHeader_style_1.default.container, style]}> <BackButton_1.default enableBackButton={enableBackButton} {...rest}/> <react_native_1.View style={ElegantHeader_style_1._containerGlueStyle(enableBackButton)}> <Title_1.default title={title} {...rest}/> <Description_1.default description={description} {...rest}/> </react_native_1.View> </react_native_1.View>); }; exports.default = ElegantHeader; //# sourceMappingURL=ElegantHeader.js.map