import { PropTypes } from "@mui/material";
import { ButtonVariant } from "./types";

type MuiVariantType = "text" | "contained" | "outlined" | undefined;
export const useVariant = (variant: ButtonVariant) => {
  const muiVariant: MuiVariantType =
    variant === "outlined" ? "outlined" : "contained";

  const muiColor: PropTypes.Color =
    variant === "primary" ? "primary" : "secondary";

  return {
    muiVariant,
    muiColor,
  };
};
