section.tsx

import React from 'react'
import { clsx } from 'clsx'
import { Container } from '@/components/container'
import { Image } from '@/components/image'

interface SectionProps {
  children: React.ReactNode
  className?: string
  innerAlign?: 'wide' | 'content' | 'none' | 'full' | 'navbar'
  imageSrc?: string
  imageAlt?: string
  imageClassName?: string
  overlayColor?: string
  id?: string
}

export function Section({
  children,
  className,
  innerAlign,