import * as _$_emotion_styled0 from "@emotion/styled";
import * as _$react from "react";
import { ElementType, ReactNode } from "react";
import * as _$_emotion_react0 from "@emotion/react";
import * as _$_emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";

//#region src/components/Flex.d.ts
type FlexProps = {
  center?: boolean | undefined;
  justify?: "stretch" | "center" | "flex-start" | "start" | "flex-end" | "end" | "space-between" | undefined;
  align?: "stretch" | "center" | "flex-start" | "start" | "flex-end" | "end" | "space-between" | undefined;
  children?: ReactNode;
  as?: ElementType | undefined;
  asButtonType?: "button" | "submit" | undefined;
  column?: boolean | undefined;
  onClick?: (() => void) | undefined;
  disabled?: boolean | undefined;
  overflow?: "hidden" | "visible" | "scroll" | "auto" | undefined;
  whiteSpace?: "nowrap" | "normal" | "pre" | "pre-wrap" | "pre-line" | undefined;
  height?: number | "auto" | "100%" | undefined;
  width?: number | "auto" | "50%" | "100%" | undefined;
  mt?: number | "auto" | undefined;
  mr?: number | "auto" | undefined;
  mb?: number | "auto" | undefined;
  ml?: number | "auto" | undefined;
  pt?: number | undefined;
  pr?: number | undefined;
  pb?: number | undefined;
  pl?: number | undefined;
  gap?: number | undefined;
  position?: "absolute" | "relative" | undefined;
  grow?: string | number | undefined;
  flexWrap?: "wrap" | "nowrap" | undefined;
};
declare function Flex({
  center,
  justify: justifyProp,
  align: alignProp,
  column,
  children,
  onClick,
  disabled,
  gap,
  as,
  asButtonType,
  overflow,
  whiteSpace,
  mt,
  mr,
  mb,
  ml,
  pt,
  pr,
  pb,
  pl,
  height,
  width,
  position,
  grow,
  flexWrap
}: FlexProps): _$_emotion_react_jsx_runtime0.JSX.Element;
type StyledFlexProps = {
  justify: NonNullable<FlexProps["justify"]>;
  align: NonNullable<FlexProps["align"]>;
  column: boolean;
  cursorProp: "pointer" | "not-allowed" | "initial" | "unset" | undefined;
  overflowProp: FlexProps["overflow"];
  whiteSpace: FlexProps["whiteSpace"];
  mt: FlexProps["mt"];
  mr: FlexProps["mr"];
  mb: FlexProps["mb"];
  ml: FlexProps["ml"];
  pt: FlexProps["pt"];
  pr: FlexProps["pr"];
  pb: FlexProps["pb"];
  pl: FlexProps["pl"];
  gap: number | undefined;
  as?: ElementType | undefined;
  height?: FlexProps["height"];
  width?: FlexProps["width"];
  position?: FlexProps["position"];
  grow?: FlexProps["grow"];
  flexWrap?: FlexProps["flexWrap"];
};
declare const StyledFlex: _$_emotion_styled0.StyledComponent<{
  theme?: _$_emotion_react0.Theme;
  as?: React.ElementType;
} & StyledFlexProps, _$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
//#endregion
export { StyledFlex as n, Flex as t };