interface OutlineSectionProps {
  number: number;
  title: string;
  bullets: string[];
}

export function OutlineSection({ number, title, bullets }: OutlineSectionProps) {
  return (
    <div className="border-l-2 border-border pl-4">
      <h3 className="font-medium mb-2">
        {number}. {title}
      </h3>
      <ul className="text-sm text-muted-foreground space-y-1">
        {bullets.map((bullet, index) => (
          <li key={index} dangerouslySetInnerHTML={{ __html: `• ${bullet}` }} />
        ))}
      </ul>
    </div>
  );
}