import React from 'react'; import { MestGenericProps } from "../themes"; import { StyledGridVariants } from "./style"; export type GridBreakpointsValue = number | boolean; type Props = { xs?: GridBreakpointsValue; sm?: GridBreakpointsValue; md?: GridBreakpointsValue; lg?: GridBreakpointsValue; xl?: GridBreakpointsValue; container?: boolean; gap?: number; } & MestGenericProps; type NativeAttrs = Omit, keyof Props>; export type GridProps = Props & NativeAttrs & StyledGridVariants; declare const Grid: React.ForwardRefExoticComponent<{ xs?: GridBreakpointsValue | undefined; sm?: GridBreakpointsValue | undefined; md?: GridBreakpointsValue | undefined; lg?: GridBreakpointsValue | undefined; xl?: GridBreakpointsValue | undefined; container?: boolean | undefined; gap?: number | undefined; } & MestGenericProps & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{ justify?: "unset" | "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined; wrap?: "unset" | "nowrap" | "wrap" | "wrapReverse" | undefined; direction?: "unset" | "column" | "row" | "rowReverse" | "columnReverse" | undefined; alignContent?: "unset" | "center" | "stretch" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | undefined; alignItems?: "unset" | "center" | "stretch" | "baseline" | "flexStart" | "flexEnd" | undefined; }, { mobile: "(max-width: 640px)"; tablet: "(min-width: 640px) and (max-width: 920px)"; desktop: "(min-width: 920px)"; xs: "(max-width: 640px)"; sm: "(min-width: 640px) and (max-width: 920px)"; md: "(min-width: 920px) and (max-width: 1280px)"; lg: "(min-width: 1280px) and (max-width: 1920px)"; xl: "(min-width: 1920px)"; xsOrUp: "(max-width: 0px)"; smOrUp: "(min-width: 640px)"; mdOrUp: "(min-width: 920px)"; lgOrUp: "(min-width: 1280px)"; xlOrUp: "(min-width: 1920px)"; }> & React.RefAttributes>; export default Grid;