<script lang="ts">
  export let message: string = "No results found";
  export let size: number = 160;
</script>

<div class="empty-state">
  <p class="msg">{message}</p>
</div>

<style>
  .empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem auto;
  }
  .msg {
    color: #6b7280;
    font-size: 0.95rem;
    text-align: center;
  }
</style>
