<script setup name="SubmitBtn">
import { defineProps } from "vue";
const props = defineProps({
  desc: {
    type: String,
    default: "",
  },
  type: {
    type: String,
    default: "primary",
  },
});
</script>
<template>
  <!-- <div class="h-[24px] flex justify-center items-center text-white bg-[rgba(0,70,199,0.5)] px-[15px] cursor-pointer text-[14px] rounded-[13px]">{{props.desc}}</div> -->
  <el-button class="buttons" size="mini" :type="type">{{
    props.desc
  }}</el-button>
</template>
<style lang="less" scoped>
.buttons {
  max-width: 120px;
  background-color: rgba(5, 187, 76, 0.2);
  border: 1px solid #3b6c53;
  color: #b3b3b3;
  font-size: 14px;

  &:hover {
    background-color: rgba(5, 187, 76, 0.5);
    color: #ffffff;
  }
}
</style>
