export function breakpointVal(
  property: string,
  min: number,
  max: number,
  breakpointsObject: Record<string, number>,
) {
  const minSize = 320
  const breakpoints = Object.values(breakpointsObject)
  const spread = breakpoints[breakpoints.length - 1] - minSize

  const entries = {}

  breakpoints.forEach((breakpoint, index) => {
    // Get the size between this breakpoint and the previous breakpoint
    const between = (breakpoint + (breakpoints[index + 1] ?? breakpoint)) / 2
    // Calculate the size of the value
    const size = Math.max(min, ((between - minSize) / spread) * (max - min) + min)
    const value = `${Math.round(size * 100) / 100}px`

    if (breakpoint) {
      entries[`@media (min-width: ${breakpoint}px )`] = { [property]: value }
    } else {
      entries[property] = value
    }
  })

  return entries
}