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

import type { Devices } from "./consts";
import type { Theme } from "../../defaultTheme";

type QueryFunction = (style: CSSRules) => CSSRules;

declare function getBreakpointWidth(name: Devices, theme: Theme, pure?: false): string;
// https://flow.org/en/docs/types/intersections/#declaring-overloaded-functions
// eslint-disable-next-line no-redeclare
declare function getBreakpointWidth(name: Devices, theme: Theme, pure?: boolean): number | string;

declare var mediaQueries: { [key: Devices]: QueryFunction };

export { getBreakpointWidth };
export default mediaQueries;