import {ImageStyle, StyleSheet, TextStyle, ViewStyle} from 'react-native';
import {Theme} from '../../style';
export interface ListStyle {
    underlayColor: ViewStyle;
    Header: TextStyle;
    Footer: TextStyle;
    Body: ViewStyle;
    BodyBottomLine: ViewStyle;
    Item: ViewStyle;
    Line: ViewStyle;
    Thumb: ImageStyle;
    Content: TextStyle;
    Extra: TextStyle;
    Brief: ViewStyle;
    BriefText: TextStyle;
    Arrow: ViewStyle;
    ArrowV: ViewStyle;
    multipleLine: ViewStyle;
    multipleThumb: ImageStyle;
    column: ViewStyle;
}
export default (variables: Theme) =>
    StyleSheet.create<ListStyle>({
        underlayColor: {
            backgroundColor: variables.fill_tap,
        },
        Header: {
            fontSize: variables.font_size_base,
            color: variables.color_text_caption,
            paddingHorizontal: variables.h_spacing_lg,
            // paddingTop: variables.v_spacing_lg,
            // paddingBottom: variables.v_spacing_md,
            backgroundColor: variables.fill_body,
        },
        Footer: {
            fontSize: variables.font_size_base,
            color: variables.color_text_caption,
            // paddingHorizontal: variables.h_spacing_lg,
            // paddingVertical: variables.v_spacing_md,
            backgroundColor: variables.fill_body,
        },
        Body: {
            backgroundColor: variables.fill_base,
            // borderTopWidth: StyleSheet.hairlineWidth,
            // borderTopColor: variables.border_color_base,
        },
        BodyBottomLine: {
            position: 'absolute',
            bottom: 0,
            left: 0,
            right: 0,
            height: 1,
            backgroundColor: variables.fill_base,
            // borderBottomWidth: StyleSheet.hairlineWidth,
            // borderBottomColor: variables.border_color_base,
        },
        Item: {
            flexGrow: 1,
            alignItems: 'center',
            flexDirection: 'row',
            // paddingLeft: variables.h_spacing_lg,
            backgroundColor: variables.fill_base,
        },
        Line: {
            flex: 1,
            flexDirection: 'row',
            alignItems: 'center',
            // paddingRight: variables.h_spacing_lg,
            // paddingVertical: variables.v_spacing_sm,
            minHeight: variables.list_item_height,
            // borderBottomWidth: StyleSheet.hairlineWidth,
            // borderBottomColor: variables.border_color_base,
        },
        Thumb: {
            width: variables.icon_size_md,
            height: variables.icon_size_md,
            marginRight: variables.h_spacing_lg,
        },
        Content: {
            color: variables.color_text_base,
            fontSize: variables.font_size_base,
            textAlignVertical: 'center',
        },
        Extra: {
            color: variables.color_text_caption,
            fontSize: variables.font_size_heading,
            textAlign: 'right',
            textAlignVertical: 'center',
        },
        Brief: {
            minHeight: variables.font_size_icontext,
        },
        BriefText: {
            color: variables.color_text_caption,
            fontSize: variables.font_size_subhead,
            paddingTop: variables.v_spacing_xs,
            textAlignVertical: 'center',
        },
        Arrow: {
            marginLeft: variables.h_spacing_md,
            marginTop: variables.v_spacing_xs,
        },
        ArrowV: {
            marginLeft: variables.h_spacing_md,
        },
        multipleLine: {
            paddingVertical: variables.v_spacing_sm,
        },
        multipleThumb: {
            width: variables.icon_size_lg,
            height: variables.icon_size_lg,
        },
        column: {
            flex: 1,
            flexDirection: 'column',
        },
    });
