import { UIColorName } from '@/UI-kit/types';

export const UIColor = {
    Custom: 'custom',
    [UIColorName.Transparent]: 'transparent',
    [UIColorName.White]: '#FFF',
    [UIColorName.White10]: '#fbfbfb',
    [UIColorName.Black]: '#000',
    [UIColorName.Blue500]: '#047BEF',
    [UIColorName.Blue50]: '#ECF5FE',
    [UIColorName.Blue1]: '#E6F2FD',
    [UIColorName.Blue2]: '#06325e',
    [UIColorName.Blue100_25]: 'rgba(243,247,252,0.25)',
    [UIColorName.Blue100]: '#F3F7FC',
    [UIColorName.Blue015]: 'rgba(4, 123, 239, 0.15)',
    [UIColorName.Red600]: '#D13C3C',
    [UIColorName.Red50]: '#FBE5E5',
    [UIColorName.Red1]: '#FFE6E6',
    Red2: 'rgb(209 60 60 / 25%)',
    [UIColorName.Red075]: '#D13C3CBF',
    [UIColorName.Green500]: '#57AC57',
    [UIColorName.Green50]: '#F2FEF2',
    [UIColorName.Gray900]: '#2B2B2B',
    [UIColorName.Gray700]: '#424242',
    [UIColorName.Gray600]: '#606060',
    [UIColorName.Gray50]: '#F6F6F6',
    [UIColorName.Orange50]: '#FFF2D9',
    [UIColorName.Orange500]: '#FFA600',
    [UIColorName.Main]: '#F3F7FC',
    [UIColorName.Main50]: 'rgba(5, 121, 238, 0.50)',
    [UIColorName.Gray1]: '#878787',
    [UIColorName.Gray2]: '#333333',
    [UIColorName.Gray100]: '#EDEDED',
    [UIColorName.Gray300]: '#D8D8D8',
    [UIColorName.Gray4]: '#FBFBFB',
    [UIColorName.Gray400]: '#818181',
    [UIColorName.Gray6]: '#929292',
    [UIColorName.Yellow1]: '#ffdd2d',
    [UIColorName.GradientBlue]: 'linear-gradient(180deg, #1147D8 0%, #047BEF 100%)',
    [UIColorName.GradientPinkBlue]:
        'linear-gradient(90deg, rgba(252, 50, 79, 1) 0%, rgba(10, 104, 180, 1) 100%)',
};
