import React, { forwardRef, FunctionComponent } from "react";
import cn from "classnames";
import { Box, BoxProps } from "../Box";

export const Flex: FunctionComponent<BoxProps> = forwardRef<
  HTMLDivElement,
  BoxProps
>((props, ref) => {
  const { className, ...rest } = props;

  return <Box ref={ref} {...rest} className={cn("flex", className)} />;
});