# `PhoenixKitBilling.Web.Components.OrderStatusBadge`
[🔗](https://github.com/BeamLabEU/phoenix_kit_billing/blob/0.5.1/lib/phoenix_kit_billing/web/components/order_status_badge.ex#L1)

Provides order status badge components for the billing system.

Supports all order lifecycle statuses with appropriate color coding.
Follows daisyUI badge styling conventions.

# `order_status_badge`

Renders an order status badge with appropriate styling.

## Attributes
- `status` - Order status string (required)
- `size` - Badge size: :xs, :sm, :md, :lg (default: :sm)
- `class` - Additional CSS classes

## Supported Statuses
- `draft` - Order in draft state (ghost/gray)
- `pending` - Order pending confirmation (warning/yellow)
- `confirmed` - Order confirmed (info/blue)
- `paid` - Order paid successfully (success/green)
- `cancelled` - Order cancelled (error/red)
- `refunded` - Order refunded (secondary/purple)

## Examples

    <.order_status_badge status="paid" />
    <.order_status_badge status="pending" size={:md} />
    <.order_status_badge status={@order.status} class="ml-2" />

## Attributes

* `status` (`:string`) (required)
* `size` (`:atom`) - Defaults to `:sm`. Must be one of `:xs`, `:sm`, `:md`, or `:lg`.
* `class` (`:string`) - Defaults to `""`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*