<template>
  <BottomSheetWrapper v-if="isActive">
    <div class="overlay">
      <div class="shadow-bg" @click="$emit('closeBottomSheet')"></div>
      <div class="card-custom">
        <div class="notch"></div>
        <div class="sheet">
          <div class="typography">
            <slot></slot>
          </div>
        </div>
      </div>
    </div>
  </BottomSheetWrapper>
</template>
<script>
import { BottomSheetProps } from "./types";

import { BottomSheetWrapper } from "./styles";

export default {
  name: "rovi-bottom-sheet",
  props: BottomSheetProps,
  components: {
    BottomSheetWrapper,
  },
  data() {
    return {};
  },
  computed: {},
  methods: {},
};
</script>
<style lang=""></style>
