@props([
  'order' => '',
  'customer' => '',
  'amount' => '',
  'method' => '',
  'time' => '',
])

<div {{ $attributes->class(['sale-item']) }}>
  <div class="sale-item__avatar" aria-hidden="true">
    {{ strtoupper(substr($customer, 0, 1)) }}
  </div>
  <div class="sale-item__info">
    <p class="sale-item__order">{{ $order }}</p>
    <p class="sale-item__customer">{{ $customer }} · {{ $method }}</p>
  </div>
  <div class="sale-item__right">
    <p class="sale-item__amount">{{ $amount }}</p>
    <p class="sale-item__time">{{ $time }}</p>
  </div>
</div>