import { OnboardingStepListItem } from "@/components/ui/expanded/OnboardingStepListItem"

export function OnboardingStepDemo() {
  return (
    <div className="flex gap-2">
      <OnboardingStepListItem label="Finished" state="finished" />
      <OnboardingStepListItem label="Active" state="active" />
      <OnboardingStepListItem label="Inactive" state="inactive" />
    </div>
  )
}
