import {
  FlexItem as InstUIFlexItem,
  type FlexItemProps as InstUIFlexItemProps,
} from '@instructure/ui-flex'
import React, {forwardRef} from 'react'

export interface FlexItemProps extends InstUIFlexItemProps {}

export const FlexItem = forwardRef<InstUIFlexItem, FlexItemProps>(
  ({overflowY = 'visible', ...props}, ref) => {
    return <InstUIFlexItem {...props} ref={ref} overflowY={overflowY} />
  },
)
FlexItem.displayName = 'FlexItem'
