import { getSizeStyles } from "./get-size-styles";

export const getButtonStyles = getSizeStyles({
  xs: {
    marginRight: 2,
    marginLeft: 2,
    paddingInline: 8,
    paddingBlock: 12,
    lineHeight: 14.25,
    fontSize: 10,
  },
  sm: {
    marginRight: 4,
    marginLeft: 4,
    paddingBlock: 16,
    paddingInline: 16,
    lineHeight: 14.25,
    fontSize: 14,
  },
  compact: {
    marginRight: 0,
    marginLeft: 0,
    paddingBlock: 8,
    paddingInline: 8,
    lineHeight: 18.48,
    fontSize: 14,
  },
});