import { ModalSizeTypes } from './type';
import { ModalSize } from './constants';

export const getModalSizeStyles = (size: ModalSizeTypes) => {
  switch (size) {
    case ModalSize.SMALL: {
      return {
        width: '360px',
      };
    }
    case ModalSize.LARGE: {
      return {
        width: '1032px',
      };
    }
    case ModalSize.FULL_SCREEN: {
      return {
        width: '100vw',
        height: '100vh',
        minHeight: '100vh',
        minWidth: '100%',
      };
    }
    case ModalSize.NONE: {
      return {};
    }
    case ModalSize.BIG: {
      return {
        width: '730px',
      };
    }
    case ModalSize.REGULAR: {
      return {
        width: '484px',
      };
    }
    case ModalSize.MEDIUM:
    default: {
      return {
        width: '504px',
      };
    }
  }
};