import { createSlice } from "@reduxjs/toolkit";
export interface Color {
    main: string;
    contrastText: string;
}

export interface ColorPalette {
    common: Color;
    muted: Color;
    primary: Color;
    secondary: Color;
}

export interface Theme {
    borderRadius: string;
    palette: ColorPalette
}

const initialState: Theme = {
    borderRadius: "4px",
    palette: {
        common: {
            main: "#ffffff",
            contrastText: "#222831",
        },
        muted: {
            main: "#aaaaaa",
            contrastText: "#222831"
        },
        primary: {
            main: "#726a95",
            contrastText: '#ffffff'
        },
        secondary: {
            main: "#709bf0",
            contrastText: "#ffffff",
        }
    }
}
const themeSlice = createSlice({
    name: "theme",
    initialState,
    reducers: {
    }
})

export const {} = themeSlice.actions;
export default themeSlice.reducer;