<script>
import {Fragment} from "vue-fragment"
import ContentSpan from "~/components/atoms/utility/ContentSpan";
import SquareCard from "~/components/atoms/card/SquareCard";
import ContentTitle from "~/components/atoms/title/ContentTitle";

export default {
  props: {
    title: {default: ""},
    is_edit: {default: false},
  },
  components: {
    ContentTitle,
    SquareCard,
    ContentSpan,
    Fragment
  },
}
</script>
<template>
  <fragment>
    <content-title :value="`${(is_edit) ? 'Ubah' : 'Tambah' } ${title}`"/>
    <square-card :has_shadow="true">
      <slot/>
    </square-card>
  </fragment>
</template>