export const backdropAnimationVariants = {
  closed: {
    opacity: 0,
  },
  open: {
    opacity: 1,
  },
};

export const contentAnimationVariants = {
  closed: {
    opacity: 0,
    scale: 0.96,
  },
  open: {
    opacity: 1,
    scale: 1,
  },
};

export const popperAnimationVariants = {
  closed: {
    opacity: 0,
    y: "-100%",
    x: "-50%",
  },
  open: {
    opacity: 1,
    y: "-50%",
    x: "-50%",
  },
};

export const bottomSheetAnimationVariants = {
  closed: {
    opacity: 0,
    y: "100%",
    x: "-50%",
  },
  open: {
    opacity: 1,
    y: "-50%",
    x: "-50%",
  },
};

export const sizeToPixel = {
  xs: "475px",
  sm: "640px",
  md: "768px",
  lg: "1024px",
  xl: "1280px",
};