<template>
  <div>
    <div class="bottom-toolbar card-body bg-white">
      <slot></slot>
      <div class="right">
        <slot name="right"></slot>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import '../../variables';

.bottom-toolbar {
  position: fixed;
  width: auto;
  left: 2rem;
  right: 2rem;
  bottom: 0;
  z-index: 2;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  display: flex;
  flex-wrap: wrap;
  margin-left: $sidebar-width;

  .right {
    margin-left: auto;
  }
}
</style>
