<template>
  <div
    class="nv-avatar"
    :class="!customSize ? sizeableClasses : undefined"
    :style="{ width: customSize, height: customSize }"
  >
    <slot />
  </div>
</template>

<script>
import useSize, { useSizeProps } from "../../composables/sizeable";

export default {
  props: {
    ...useSizeProps,
  },
  setup(props) {
    const { sizeableClasses, customSize } = useSize(props);

    return {
      sizeableClasses,
      customSize,
    };
  },
};
</script>
