import { PaletteOptions } from "@mui/material/styles";

// Extend the Palette and PaletteOptions interfaces to include custom properties
declare module "@mui/material/styles" {
  interface Palette {
    topbarButton: {
      topbarBg: string;
      topbarItemColor: string;
      topbarSearchBg: string;
    };
    mainMenuNav: {
      mainNavBg: string;
      hoverColorNavBg: string;
    };
    heading: {
      headingColor: string;
    };
    cardAdd: {
      headingColor: string;
      bgColor: string;
      tablehover: string;
      borderColor: string;
      textDescription: string;
      rowHeaderColor: string;
    };
    table: {
      headerBgColor: string;
      nameHeadingColor: string;
    };
  }

  interface PaletteOptions {
    topbarButton?: {
      topbarBg: string;
      topbarItemColor: string;
      topbarSearchBg: string;
    };
    mainMenuNav: {
      mainNavBg: string;
      hoverColorNavBg: string;
    };
    heading: {
      headingColor: string;
    };
    cardAdd: {
      headingColor: string;
      bgColor: string;
      tablehover: string;
      borderColor: string;
      textDescription: string;
      rowHeaderColor: string;
    };
    table: {
      headerBgColor: string;
      nameHeadingColor: string;
    };
  }
}
