component FieldError {
  props {
    field: string = ""
    message: string = ""
    color: string = "danger"
    size: string = "sm"
    class: string = ""
  }
  view {
    <p {...attrs} id='{field ? field + "-error" : ""}' data-error='{field}' role="alert" hidden='{!message}' class='m-0 min-h-4 text-xs text-[var(--wrn-color-danger)] {class}'>{message}</p>
  }
}