// Utilities
import { computed } from 'vue';
import { propsFactory } from "../util/index.mjs"; // Types

// Composables
export const makeRoundedProps = propsFactory({
  rounded: {
    type: [Boolean, Number, String],
    default: undefined
  }
}, 'rounded');
export function useRounded(props, name) {
  const roundedClasses = computed(() => {
    const classes = [];

    if (props.rounded === true || props.rounded === '') {
      classes.push("".concat(name, "--rounded"));
    } else if (typeof props.rounded === 'string' || props.rounded === 0) {
      for (const value of String(props.rounded).split(' ')) {
        classes.push("rounded-".concat(value));
      }
    }

    return classes;
  });
  return {
    roundedClasses
  };
}
//# sourceMappingURL=rounded.mjs.map