import 'styled-system';
import {
  FontFamilyName,
  FontSizeName,
  SizeName,
  ColorName,
  BorderRadiusName,
} from '@emotion/react';

declare module 'styled-system' {
  export type ThemedColorProps = ColorProps<Theme, ColorName>;
  export type ThemedBackgroundColorProps = BackgroundColorProps<Theme, ColorName>;
  export type ThemedTextColorProps = BackgroundColorProps<Theme, ColorName>;
  export type ThemedSpaceProps = SpaceProps<Theme, SizeName | number>;
  export type ThemedFontFamilyProps = FontFamilyProps<Theme, FontFamilyName>;
  export type ThemedFontSizeProps = FontSizeProps<Theme, FontSizeName | number>;
  export type ThemedBorderRadiusProps = BorderRadiusProps<Theme, BorderRadiusName | number>; //TODO: remove number
}