react-native-modern-header/build/dist/ModernHeader.js

Fully customizable Modern Header View for React Native

"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 ModernHeader_style_1 = tslib_1.__importDefault(require("./ModernHeader.style"));
const Title_1 = tslib_1.__importDefault(require("./components/title/Title"));
const SidedComponent_1 = tslib_1.__importDefault(require("./components/sided-component/SidedComponent"));
const ModernHeader = ({ style, leftImageSource, rightImageSource, leftComponentDisable, rightComponentDisable, leftComponentStyle, rightComponentStyle, leftCustomComponent, rightCustomComponent, onLeftPress, onRightPress, ...rest }) => {
    const LeftComponent = () => !leftComponentDisable ? (<SidedComponent_1.default style={[ModernHeader_style_1.default.leftComponentStyle, leftComponentStyle]} customComponent={leftCustomComponent} imageSource={leftImageSource} onPress={onLeftPress} {...rest}/>) : null;
    const RightComponent = () => !rightComponentDisable ? (<SidedComponent_1.default style={[ModernHeader_style_1.default.rightComponentStyle, rightComponentStyle]} customComponent={rightCustomComponent} imageSource={rightImageSource || require("./local-assets/settings.png")} onPress={onRightPress} {...rest}/>) : null;
    return (<react_native_1.View style={[ModernHeader_style_1.default.container, style]}>
      <LeftComponent />
      <Title_1.default {...rest}/>
      <RightComponent />
    </react_native_1.View>);
};
exports.default = ModernHeader;
//# sourceMappingURL=ModernHeader.js.map