import { componentsColors } from './componentsColors';
export const getPalette = (palette) => {
    return {
        red: {
            900: '#E64343',
            800: '#F24646',
            700: '#F35959',
            600: '#F67E7E',
            500: '#F79090',
            400: '#F8A3A3',
            300: '#FAB5B5',
            200: '#FCDADA',
            100: '#FEEDED',
            ...palette.red,
        },
        green: {
            900: '#008055',
            800: '#00875A',
            700: '#19936A',
            600: '#4DAB8C',
            500: '#66B79C',
            400: '#80C3AC',
            300: '#99CFBD',
            200: '#CCE7DE',
            100: '#E6F3EF',
            ...palette.green,
        },
        yellow: {
            900: '#ED8000',
            800: '#F98700',
            700: '#FA961F',
            600: '#FBAB4D',
            500: '#FBB766',
            400: '#FDCF99',
            300: '#FDDBB2',
            200: '#FBE6CC',
            100: '#FEF3E6',
            ...palette.yellow,
        },
        grey: {
            900: '#0F0F0F',
            800: '#1F1F1F',
            700: '#636363',
            600: '#797979',
            500: '#BAB5B5',
            400: '#C7C7C7',
            300: '#D9D9D9',
            200: '#E2E2E2',
            100: '#F5F5F5',
            // Необходимо mui при добавлении новых цветов компонентам
            main: '#1F1F1F',
            dark: '#0F0F0F',
            light: '#BAB5B5',
            contrastText: '#FFF',
            ...palette.grey,
        },
        primary: {
            light: palette.primary[300],
            main: palette.primary[800],
            dark: palette.primary[900],
            contrastText: '#FFF',
            ...palette.primary,
        },
        secondary: {
            main: palette.secondary[800],
            dark: palette.primary[900],
            contrastText: '#FFF',
            ...palette.secondary,
        },
        background: {
            default: '#FFFFFF',
            paper: '#FFFFFF',
            element: '#FFFFFF',
            elementHover: '#F0F0F0',
            modalShadow: '#24242473',
            body: '#F9F9F9',
        },
        brand: {
            800: palette.brand[800],
            background: palette.brand.background,
        },
        get text() {
            return {
                primary: this.grey[900],
                secondary: this.grey[700],
                disabled: this.grey[500],
            };
        },
        get warning() {
            return {
                ...this.yellow,
                light: this.yellow[100],
                main: this.yellow[600],
                dark: this.yellow[800],
                contrastText: '#FFF',
            };
        },
        get success() {
            return {
                ...this.green,
                light: this.green[100],
                main: this.green[600],
                dark: this.green[800],
                contrastText: '#FFF',
            };
        },
        get error() {
            return {
                ...this.red,
                light: this.red[100],
                main: this.red[600],
                dark: this.red[800],
                contrastText: '#FFF',
            };
        },
        components: componentsColors,
        common: {
            black: '#000',
            white: '#fff',
        },
    };
};
