// @flow

import * as React from 'react';
import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
import {HeaderButton, HeaderButtons} from 'react-navigation-header-buttons';
import {withTheme} from "react-native-paper";

const MaterialHeaderButton = (props: Object) =>
    <HeaderButton
        {...props}
        IconComponent={MaterialCommunityIcons}
        iconSize={26}
        color={props.color != null ? props.color : props.theme.colors.text}
    />;

const MaterialHeaderButtons = (props: Object) => {
    return (
        <HeaderButtons
            {...props}
            HeaderButtonComponent={withTheme(MaterialHeaderButton)}
        />
    );
};

export default withTheme(MaterialHeaderButtons);

export {Item} from 'react-navigation-header-buttons';