// @flow
import type { CSSRules } from "styled-components";

import defaultTheme from "../../../defaultTheme";
import type { Devices } from "../../mediaQuery/consts";
import type { Props, SmallMobile } from "..";

export type GetViewportGridStyles = ({|
  viewport: Devices,
  index: number,
  theme: typeof defaultTheme,
  devices: Devices[],
|}) => ({|
  ...Props,
  ...SmallMobile,
|}) => CSSRules;

declare export default GetViewportGridStyles;