container.tsx

import { clsx } from 'clsx'

export function Container({
  className,
  children,
  align = 'wide',
  maxWidth,
  padding,
}: {
  className?: string
  children: React.ReactNode
  align?: 'wide' | 'none' | 'content' | 'full' | 'navbar' | undefined
  maxWidth?: string
  padding?: string
}) {
  const alignClasses = {
    wide: 'max-w-2xl',
    content: 'max-w-4xl',
    none: '',
    full: '',