type Keys = "mobile" | "medium" | "large" | "xlarge";

const breakpointsNumber: Record<Keys, number> = {
  mobile: 801,
  medium: 1201,
  large: 1921,
  xlarge: 2561,
};

const breakpoints = Object.entries(breakpointsNumber).map(([k, v]) => [k, `${v}px`]).reduce((a, [k, v]) => ({ ...a, [k]: v }), {});

export default breakpoints as Record<Keys, string>;
