Function Section

apps/public/src/components/section.tsx:3–18

({
  children,
  className,
  id,
  ...props
}: {
  children: React.ReactNode;
  className?: string;
  id?: string;
})

import { cn } from '@/lib/utils';

export function Section({
  children,
  className,
  id,
  ...props
}: {
  children: React.ReactNode;
  className?: string;
  id?: string;
}) {
  return (
    <section id={id} className={cn('my-32 col', className)} {...props}>
      {children}
    </section>
  );
}

const variants = {
  default: 'text-3xl md:text-5xl font-semibold',