const colors = {
    primary: '#ff5a00',
    secundary: '#54c8e8',
    action: '#ffeee6',
    error: '',
    disable: '',
    light: '#fff'
}

const avatar = {
    colors: {
        backgroundColor: colors.light,
        borderColor: 'black',
        fontColor: 'black'
    },
    dimensions: {
        avartarHeight: '32px',
        avartarWidth: '32px',
        borderColor: 'black',
        borderTickness: '1px',
        fontSize: '16px'
    },
    types: {
        borderType: 'solid'
    }

}

const topBar = {
    logo: {
        logoHeight: '20px',
        logoWidth: '85px'
    },

    colors: {
        topBarColor: colors.light
    },

    dimensions: {
        topBarHeight: '88px',
    }
}

const badge = {
    colors: {
        badgeBackgroundColor: colors.primary,
        badgeTextColor: colors.light
    },

    dimensions: {
        badgeWidth: '14px',
        badgeHeight: '14px'
    }

}

const progressBar = {
    colors: {
        progressBarBackGroundColor: colors.action,
        progessBarColor: colors.primary
    }
}

const defaultColors = colors;

export {
    defaultColors,
    progressBar,
    badge,
    topBar,
    avatar
}
