react-native-elegant-header
Version:
Fully customizable, easy to use Elegant Header component for React Native
23 lines • 1.3 kB
JavaScript
;
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