export const EmptyDay = (props: {
  day: { dayNum: number; weekday: string };
}) => {
  return (
    <div class="text-center py-12 text-ink-muted bg-surface/30 rounded-2xl border border-dashed border-line">
      <p class="text-lg font-medium">Spielfrei!</p>
      <p class="text-sm mt-1">
        Keine Matches am {props.day.dayNum}. {props.day.weekday}
      </p>
    </div>
  );
};