Date

---
/**
 * Published-style date: monospace row tone + compact `<time>` (see `.meta time` in `global.css`).
 * Wraps `<time>` in `.meta` so the shared `.meta time { font-size: … }` rule applies.
 */
interface Props {
  date: Date | string
  class?: string
}

const { date, class: className } = Astro.props

const resolved = typeof date === 'string' ? new Date(date) : date
const iso = resolved.toISOString()
const label = resolved.toLocaleDateString('en-US', {
  year: 'numeric',
  month: 'long',
  day: 'numeric',
})
---

<span class:list={['text-xs', 'meta', 'text-ink-faint', className]} title={resolved.toISOString()}>
  <time datetime={iso}>{label}</time>
</span>