/* eslint-disable import/prefer-default-export */
import classNames from 'classnames'
import { DetailedHTMLProps, HTMLAttributes, ReactElement } from 'react'

interface ContainerProps
  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
  children: ReactElement
  className?: string
}

export const Container = (props: ContainerProps) => {
  const { children, className } = props
  return (
    <div className={classNames(' w-full p-4 h-full', className)}>
      {children}
    </div>
  )
}