<template>
  <div class="sf-top-bar">
    <div class="sf-top-bar__container">
      <div class="sf-top-bar__left">
        <!--@slot Custom left content-->
        <slot name="left" />
      </div>
      <div class="sf-top-bar__center">
        <!--@slot Custom center content-->
        <slot name="center" />
      </div>
      <div class="sf-top-bar__right">
        <!--@slot Custom right content-->
        <slot name="right" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "SFTopBar",
};
</script>
<style lang="scss">
@import "~@highdigital/sharedt/styles/components/organisms/SfTopBar.scss";
</style>
