import React from 'react'
import '../../tailwind.css'
import { classNames } from '../../utils/css'
export interface ItemProps {
  /** Fill the remaining space in the stack with the item  */
  fill?: boolean
  /* Inner content of the stack */
  children?: React.ReactNode
}

const styles = {
  fill: 'w-full'
}

export const Item = ({ children, fill }: ItemProps) => {
  const className = classNames(fill && styles.fill)

  return <div className={className}>{children}</div>
}
