type $npm$GridStyled$Responsive<T> = T | Array<T>;

declare module 'grid-styled' {
  type BoxProps = {
    m: Responsive<number>,
    mt: Responsive<number>,
    mr: Responsive<number>,
    mb: Responsive<number>,
    ml: Responsive<number>,
    mx: Responsive<number>,
    my: Responsive<number>,
    p: Responsive<number>,
    pt: Responsive<number>,
    pr: Responsive<number>,
    pb: Responsive<number>,
    pl: Responsive<number>,
    px: Responsive<number>,
    py: Responsive<number>,
    flex: Responsive<string>,
    order: Responsive<number | string>,
    w: Responsive<number | string>,
    width: Responsive<number | string>
  };

  declare type FlexProps = {
    align: Responsive<string>,
    justify: Responsive<string>,
    flexDirection: Responsive<string>,
    wrap: Responsive<string>
  };

  declare module.exports: {
    Box: React$ComponentType<BoxProps>,
    Flex: React$ComponentType<FlexProps>
  }
}