import { screens, threshold } from '@/config/ui';

export function min(breakpoint: keyof typeof screens) {
  return `@media (min-width: calc(${screens[breakpoint]}px + ${threshold}px))`;
}
export function max(breakpoint: keyof typeof screens) {
  return `@media (max-width: calc(${screens[breakpoint]}px - ${threshold}px))`;
}