import BaseTheme from '../../../base/ui/components/BaseTheme.native';

export default {
    speakerStatsContainer: {
        flexDirection: 'column',
        flex: 1,
        height: 'auto',
        paddingHorizontal: BaseTheme.spacing[3],
        backgroundColor: BaseTheme.palette.ui01
    },
    speakerStatsItemContainer: {
        flexDirection: 'row',
        alignSelf: 'stretch',
        height: BaseTheme.spacing[9],
        alignItems: 'center'
    },
    speakerStatsAvatar: {
        width: BaseTheme.spacing[5],
        height: BaseTheme.spacing[5],
        marginRight: BaseTheme.spacing[3]
    },
    speakerStatsNameTime: {
        flexDirection: 'row',
        flex: 1,
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    speakerStatsText: {
        ...BaseTheme.typography.bodyShortRegularLarge,
        color: BaseTheme.palette.text01
    },
    speakerStatsTime: {
        paddingHorizontal: 4,
        paddingVertical: 2,
        borderRadius: 4
    },
    speakerStatsDominant: {
        backgroundColor: BaseTheme.palette.success02
    },
    speakerStatsLeft: {
        color: BaseTheme.palette.text03
    },
    speakerStatsSearch: {
        wrapper: {
            marginLeft: 0,
            marginRight: 0,
            marginTop: BaseTheme.spacing[3],
            marginBottom: BaseTheme.spacing[3],
            flexDirection: 'row',
            alignItems: 'center'
        },
        input: {
            textAlign: 'left'
        },
        searchIcon: {
            width: 10,
            height: 20,
            marginLeft: BaseTheme.spacing[3]
        }
    }
};