import { Alert } from "@wrnexus/ui"

component AuthSecurityNotice {
  props {
    title: string = "Security notice"
    description: string = "Your session and credentials are protected by WRNexusJS security controls."
    color: string = "info"
    size: string = "sm"
    class: string = ""
  }

  view {
    <Alert
      {...attrs}
      title='{title}'
      description='{description}'
      icon="icon-[lucide--shield-check]"
      color='{color}'
      size='{size}'
      variant="soft"
      class='text-[var(--wrn-color-text)] {class}'
    />
  }
}