Как описать типы reduce и css styled-component?

Question

[hamster141095]

Не могу описать типы в данной функции, которая используется для применения css свойств в media-query

import React from 'react';
import styled, { css } from 'styled-components';

const size: MediaQueryProps = {
  small: 400,
  med: 960,
  large: 1140,
};

const above = Object.keys(size).reduce((acc, cur) => {
  acc[cur] = (...args:any) => css`
    @media (min-width: ${size[cur]}px) {
      
      ${css(...args)}
    }
  `;

  return acc;
}, {} as any);

Comments

[hamster141095]

Получилось только так

const above = Object.keys(size).reduce((acc, cur) => {
  acc[cur] = (...args: [TemplateStringsArray | CSSObject]) => css`
    @media (min-width: ${size[cur]}px) {
      ${css(...args)}
    }
  `;

  return acc;
}, {} as Record<keyof MediaQueryProps, any>);