<template>
  <div class="pt-index">
    <Row>
      <Col :span="24">
        <div class="pt-index__toolbar">
          <Button
            type="info"
            ghost
            @click="openExternalUrl(configApp.docUrl.printerPdf, true)"
          >
            <Icon type="md-help-circle" />
            {{ $t('TUTORIAL_GUIDE') }}
          </Button>
        </div>

        <pdf-print />
      </Col>
    </Row>
  </div>
</template>

<script>
import PdfPrint from '@/vue/components/Pdf/Print.vue';

export default {
  name: 'PrinterPDF',
  components: {
    'pdf-print': PdfPrint,
  },
};
</script>

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

.pt-index {
  &__toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
  }
}
</style>
