<template>
  <div class="ps-title">
    <div :class="['ps-title--label', $slots.bottom && 'cloumn',size]" v-if="!$slots.title">
      <font>{{ title }}</font>
      <slot name="bottom"></slot>
    </div>
    <div :class="['ps-title--label', size]" v-if="$slots.title">
      <slot name="title"></slot>
    </div>
    <div class="ps-title--r-content">
      <slot name="append"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "psTitle",
  props: {
    title: {
      type: String,
      default: null,
    },

    size: {
      type: String,
      default: "large",
    },
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>

<style></style>
