"use client";
import { createTheme } from "@mui/material/styles";

const theme = createTheme({
  direction: "rtl",
  typography: {
    fontFamily: "vazir",
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          whiteSpace: "nowrap",
          minWidth: "0",
          padding: "9px 18px",
          fontSize: "16px",
          fontStyle: "normal",
          fontWeight: "500",
          boxShadow: "none",
        },
      },
    },
    MuiModal: {
      styleOverrides: {
        root: {
          "& .MuiBox-root": {
            overflow: "auto",
          },
        },
      },
    },
  },
  palette: {
    primary: {
      main: "#5559CE",
      contrastText: "#EFEFEF",
    },
    secondary: {
      main: "#FAFAFA",
      contrastText: "#616161",
    },
    success: {
      main: "#FFB800",
      contrastText: "#FFF",
    },
  },
});

export default theme;
