type Props = {
  description?: string | null;
};

export default function MiddleDescription({ description }: Props) {
  if (!description) return null;

  return (
    <section className="bg-[#F3F3F3] py-16 md:py-20">
      <div className="container mx-auto px-4">
        
        <div className="mx-auto text-center">
          <div
            className="
              text-[#202020]/80
              text-lg md:text-2xl lg:text-3xl
              leading-relaxed
              font-medium
              tracking-[0.2px]
            "
            dangerouslySetInnerHTML={{ __html: description }}
          />
        </div>

      </div>
    </section>
  );
}