<script setup lang="ts">
withDefaults(
  defineProps<{ width?: string; height?: string; rounded?: boolean }>(),
  {
    width: "100%",
    height: "1rem",
    rounded: false,
  },
);
</script>

<template>
  <span
    class="ds-skeleton"
    :style="{ width, height, borderRadius: rounded ? '999px' : undefined }"
    aria-hidden="true"
  />
</template>
