<script setup lang="ts">
interface Props {
  color?: string;
  size?: string | number;
}
defineProps<Props>();
</script>

<template>
  <svg
    :width="`${size ?? 40}px`"
    :height="`${size ?? 40}px`"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M9 8C9 8.55229 8.55229 9 8 9C7.44771 9 7 8.55229 7 8C7 7.44771 7.44771 7 8 7C8.55229 7 9 7.44771 9 8Z"
      :fill="color ?? '#000000'"
    />
    <path
      d="M5 8C5 8.55229 4.55228 9 4 9C3.44772 9 3 8.55229 3 8C3 7.44771 3.44772 7 4 7C4.55228 7 5 7.44771 5 8Z"
      :fill="color ?? '#000000'"
    />
    <path
      d="M9 4C9 4.55228 8.55229 5 8 5C7.44771 5 7 4.55228 7 4C7 3.44772 7.44771 3 8 3C8.55229 3 9 3.44772 9 4Z"
      :fill="color ?? '#000000'"
    />
    <path
      d="M4 5C4.55228 5 5 4.55228 5 4C5 3.44772 4.55228 3 4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5Z"
      :fill="color ?? '#000000'"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M9 0C10.6569 0 12 1.34315 12 3V9C12 10.6569 10.6569 12 9 12H3C1.34315 12 0 10.6569 0 9V3C0 1.34315 1.34315 0 3 0H9ZM9 2C9.55229 2 10 2.44772 10 3V9C10 9.55229 9.55229 10 9 10H3C2.44772 10 2 9.55229 2 9V3C2 2.44772 2.44772 2 3 2H9Z"
      :fill="color ?? '#000000'"
    />
    <path
      d="M16 21C16.5523 21 17 20.5523 17 20C17 19.4477 16.5523 19 16 19C15.4477 19 15 19.4477 15 20C15 20.5523 15.4477 21 16 21Z"
      :fill="color ?? '#000000'"
    />
    <path
      d="M20 17C20.5523 17 21 16.5523 21 16C21 15.4477 20.5523 15 20 15C19.4477 15 19 15.4477 19 16C19 16.5523 19.4477 17 20 17Z"
      :fill="color ?? '#000000'"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M21 12C22.6569 12 24 13.3431 24 15V21C24 22.6569 22.6569 24 21 24H15C13.3431 24 12 22.6569 12 21V15C12 13.3431 13.3431 12 15 12H21ZM21 14C21.5523 14 22 14.4477 22 15V21C22 21.5523 21.5523 22 21 22H15C14.4477 22 14 21.5523 14 21V15C14 14.4477 14.4477 14 15 14H21Z"
      :fill="color ?? '#000000'"
    />
  </svg>
</template>

<style scoped></style>
