function TimelineStep()

in components/ui/timeline.tsx [12:27]

• 15 lines of code
• 2 McCabe index (conditional complexity)

function TimelineStep({ isActive, stepName, href }: TimelineStepProps) {
  const activeColorStyle = isActive
    ? "border-blue-300 text-blue-500 visited:text-blue-500 hover:text-blue-600 hover:border-blue-600"
    : "border-slate-200 text-slate-500 visited:text-slate-500 hover:text-slate-600 hover:border-slate-500";

  return (
    <a
      href={"#" + href}
      className={
        `no-underline text-sm border-2 px-2 rounded-full ` + activeColorStyle
      }
    >
      {stepName}
    </a>
  );
}