monday-ui-react-core/src/components/IconButton/services/IconButton-helpers.ts

Official monday.com UI resources for application development in React.js

import { SIZES } from "./../../../constants/sizes";

const sizesMap = {
  [SIZES.XXS]: 16,
  [SIZES.XS]: 24,
  [SIZES.SMALL]: 32,
  [SIZES.MEDIUM]: 40,
  [SIZES.LARGE]: 48
} as const;

export type Size = (typeof SIZES)[keyof typeof SIZES];

export function getWidthHeight(size: Size) {
  return {
    width: `${sizesMap[size]}px`,
    height: `${sizesMap[size]}px`
  };
}