import React, { forwardRef } from "react"
import { classNames } from "../../utils"
import { Flex, FlexProps } from "../Flex/Flex"

export type FlexColumnProps = FlexProps

export const FlexColumn = forwardRef<HTMLDivElement, FlexColumnProps>(
  function FlexColumn({ className, ...rest }, ref) {
    return (
      <Flex className={classNames("flex-col", className)} ref={ref} {...rest} />
    )
  },
)