<template>
  <div class="fs-index">
    <div class="fs-index__header">
      <router-link
        to="/shopee/seller/flashsale/create"
        target="_blank"
      >
        <Button type="primary">
          <i
            class="fa fa-plus mr-5"
            aria-hidden="true"
          />

          <span>{{ $t('CREATE_FLASHSALE_MASS') }}</span>
        </Button>
      </router-link>
    </div>

    <list-flash-sale />
  </div>
</template>
<script>
import ListFlashSale from '@/vue/components/Shopee/Seller/FlashSale/List.vue';

export default {
  name: 'ShopeeFlashSaleCampaign',
  components: {
    'list-flash-sale': ListFlashSale,
  },
};
</script>

<style lang="scss" scoped>
@import '@/vue/styles/tokens.scss';

.fs-index {
  display: flex;
  flex-direction: column;
  gap: 12px;

  &__header {
    display: flex;
    justify-content: flex-end;
  }
}
</style>
