import cn from 'classnames'
import { FunctionComponent } from 'react'
import s from './Container.module.css'

interface Props {
  className?: string
  children?: any
  el?: HTMLElement
}

const Container: FunctionComponent<Props> = ({
  children,
  className,
  el = 'div',
}) => {
  const rootClassName = cn(s.root, className)

  let Component: React.ComponentType<React.HTMLAttributes<
    HTMLDivElement
  >> = el as any

  return <Component className={rootClassName}>{children}</Component>
}

export default Container