import { Alert } from "@wrnexus/ui"

component CaptchaStatus {
  props {
    success: boolean = false
    message: string = ""
    successMessage: string = "Security verification completed."
    failureMessage: string = "Security verification is required."
    color: string = "primary"
    size: string = "sm"
    class: string = ""
  }
  view {
    <Alert
      {...attrs}
      title='{success ? "Verified" : "Verification required"}'
      description='{message || (success ? successMessage : failureMessage)}'
      icon='{success ? "icon-[lucide--shield-check]" : "icon-[lucide--shield-alert]"}'
      color='{success ? "success" : color}'
      variant="soft"
      size='{size}'
      class='{class}'
    />
  }
}