import * as React from 'react'
import { SemanticShorthandContent, SemanticTEXTALIGNMENTS } from '../../generic'

export interface ContainerProps extends StrictContainerProps {
  [key: string]: any
}

export interface StrictContainerProps {
  /** An element type to render as (string or function). */
  as?: any

  /** Primary content. */
  children?: React.ReactNode

  /** Additional classes. */
  className?: string

  /** Shorthand for primary content. */
  content?: SemanticShorthandContent

  /** Container has no maximum width. */
  fluid?: boolean

  /** Reduce maximum width to more naturally accommodate text. */
  text?: boolean

  /** Describes how the text inside this component should be aligned. */
  textAlign?: SemanticTEXTALIGNMENTS
}

declare const Container: React.FC<ContainerProps>

export default Container