'use client'

interface AboutSectionProps {
  introduction: string
}

export function AboutSection({ introduction }: AboutSectionProps) {
  return (
    <div className="bg-surface-base-normal flex w-full flex-col items-start justify-start gap-4 rounded-lg p-6">
      <h3 className="txt-title-m text-txt-primary-normal">Introduction</h3>
      <p className="txt-body-l text-txt-primary-normal">{introduction}</p>
    </div>
  )
}
