<template>
  <ElevatedCard v-bind="$props" v-if="kind == 'elevated'">
    <slot></slot>
  </ElevatedCard>
  <FlatCard v-bind="$props" v-else-if="kind == 'flat'">
    <slot></slot>
  </FlatCard>
</template>
<script>
import FlatCard from "./components/FlatCard.vue";
import ElevatedCard from "./components/ElevatedCard.vue";

import { CardProps } from "./types";

export default {
  name: "rovi-card",
  props: CardProps,
  data() {
    return {};
  },
  components: { FlatCard, ElevatedCard },
};
</script>
<style lang=""></style>
