marketing/src/components/modal/constants.ts
export const COMMON_CONTENT_CLASSES =
'w-11/12 absolute top-1/2 inset-x-4 left-1/2 transform -translate-y-1/2 sm:-translate-x-1/2 outline-none bg-white flex flex-col grow overflow-hidden';
export const CONTENT_CLASSES = {
narrow: `sm:w-4/6 md:w-1/2 lg:w-5/12 xl:w-1/3 ${COMMON_CONTENT_CLASSES}`,
default: `sm:w-4/5 md:w-2/3 lg:1/2 xl:w-3/5 2xl:w-3/5 ${COMMON_CONTENT_CLASSES}`,
wide: `sm:w-10/12 md:w-10/12 lg:w-10/12 xl:w-8/12 ${COMMON_CONTENT_CLASSES}`,
};
export const OVERLAY_CLASSES = 'z-50 fixed inset-0 bg-black bg-blur';