import {StyleSheet, TextStyle, ViewStyle} from 'react-native';
import {$Theme, Theme} from '../../style';
export interface TabBarStyle {
    container: ViewStyle;
    tabs: ViewStyle;
    tab: ViewStyle;
    underline: ViewStyle;
    textStyle: TextStyle;
}
export default (theme: Theme) =>
    StyleSheet.create<TabBarStyle>({
        container: {},
        tabs: {
            flex: 1,
            flexDirection: 'row',
            backgroundColor: theme.fill_base,
            justifyContent: 'space-around',
            ...$Theme.shadow,
        },
        tab: {
            height: 44,
            alignItems: 'center',
            justifyContent: 'center',
            padding: 0,
            flexDirection: 'row',
        },
        underline: {
            height: 3,
            display: 'flex',
            flexDirection: 'row',
            justifyContent: 'center',
            alignItems: 'center',
            backgroundColor: 'transparent',
        },
        textStyle: {
            fontSize: 16,
        },
    });