import { makeStyles } from "../theme";

export const useStyles = makeStyles(
  (theme) => ({
    button: {
      "&:hover, &:focus": {
        color: theme.palette.saleor.active[1],
      },
      appearance: "none",
      border: "none",
      background: "transparent",
      color: theme.palette.saleor.main[3],
      cursor: "pointer",
      padding: 0,
      outline: 0,
    },
    wrapper: {
      alignItems: "center",
      display: "flex",
      justifyContent: "space-between",
    },
  }),
  { name: "DialogHeader" }
);