return (...args: any) => {
    const template = mediaQueryTemplate.render(value);

    if (template !== '') {
      // @ts-ignore
      // eslint-disable-next-line prettier/prettier
      return css`@media ${template} { ${css(...args)} }`;
    }

    // @ts-ignore
    return css(...args);
  };

export const mediaQueryBuilder = (size: number) => (
  strings: TemplateStringsArray,
  ...interpolations: Interpolation<any>[]
) => css`
  @media (max-width: ${size}px) {
    ${css(strings, ...interpolations)};
  }
`;

) => (props: IProps) =>
  properties.every(property => Boolean(props[property]))
    ? css(strings, ...values)
    : []

	accumulator[label] = (...args: any) => css`
		@media (max-width: ${emSize}em) {
			// @ts-ignore
			${css(...args)};
		}
	`;