<template>
  <button class="submit-btn" type="submit">
    <span>{{ text }}</span>
    <img :src="imageUrl" alt="" />
  </button>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      default: ''
    },
    imageUrl: {
      type: String,
      default: ''
    },
  },
}
</script>

<style lang="scss" scoped>
.submit-btn {
  background-color: $color-orange;
  color: $color-light;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 15px 20px;
  margin-top: 15px;
}
</style>
