Function StepBadge

ai-code-studio/src/components/SetupWizard.tsx:50–73

({
  step,
  active,
  complete,
}: {
  step: WizardStep;
  active: boolean;
  complete: boolean;
})

}

function StepBadge({
  step,
  active,
  complete,
}: {
  step: WizardStep;
  active: boolean;
  complete: boolean;
}) {
  return (
    <div
      className={[
        'rounded-2xl border px-3 py-2',
        active
          ? 'border-[#D8CAB8] bg-[#F4EEE4] text-[#241F17]'
          : complete
            ? 'border-[#D9E5D0] bg-[#EEF4EA] text-[#55704B]'
            : 'border-[#E8DED2] bg-[#FCFAF6] text-[#8A7F70]',
      ].join(' ')}
    >
      <div className="text-[11px] font-semibold uppercase tracking-[0.12em]">{stepLabel(step)}</div>
    </div>
  );
}

export function SetupWizard({
  open,