<script lang="ts">
  interface Props {
    circle?: boolean;
    height?: string;
    radius?: string;
    width?: string;
  }

  let {
    width = "100%",
    height = "1rem",
    radius = "0.375rem",
    circle = false,
  }: Props = $props();
</script>

<div
  class="skeleton"
  style:width
  style:height
  style:border-radius={circle ? "50%" : radius}
></div>
