<template>
  <span
    class="pui-icon" 
    :class="[size, {
      'left': left,
      'right': right
    }]"
  >
    <i :class="[icon]"></i>
  </span>
</template>

<script>
export default {
  name: "PIcon",
  props: {
    icon: String,
    size: String,
    left: {
      type: Boolean,
      default: () => false,
    },
    right: {
      type: Boolean,
      default: () => false,
    },
  }
}
</script>