import clsx from 'clsx'
import { ReactNode } from 'react'

type Props = {
  className?: string,
  children?: ReactNode
}

export function Container({ className, children }: Props ) {
  return (
    <div
      className={clsx('mx-auto max-w-7xl px-4 sm:px-6 lg:px-8', className)}
    >
      {children}
    </div>
  )
}