<script>
export default {
  name: 'PipelineNavControls',
  props: {
    newPipelinePath: {
      type: String,
      required: true,
    },

    hasCiEnabled: {
      type: Boolean,
      required: true,
    },

    helpPagePath: {
      type: String,
      required: true,
    },

    ciLintPath: {
      type: String,
      required: true,
    },

    canCreatePipeline: {
      type: Boolean,
      required: true,
    },
  },
};
</script>
<template>
  <div class="nav-controls">
    <a
      v-if="canCreatePipeline"
      :href="newPipelinePath"
      class="btn btn-create">
      Run Pipeline
    </a>

    <a
      v-if="!hasCiEnabled"
      :href="helpPagePath"
      class="btn btn-info">
      Get started with Pipelines
    </a>

    <a
      :href="ciLintPath"
      class="btn btn-default">
      CI Lint
    </a>
  </div>
</template>