<template>
  <TButton
    class="custom-reset-button"
    :style="{ width: width, fontWeight: bold ? 600 : 500 }"
    ><slot></slot
  ></TButton>
</template>

<script lang="ts" setup>
import { Button as TButton } from 'tdesign-vue-next';
const props = withDefaults(
  defineProps<{
    width?: string;
    bold?: boolean;
  }>(),
  {
    width: '185px',
  }
);
</script>

<style lang="less">
@import '@/style/variables.less';
.custom-reset-button {
  height: 50px !important;
  background: #181818 !important;
  border: @main-border !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  --ripple-color: none !important;
  transition: all 0.3s !important;
  box-shadow: none !important;
  &:hover {
    background: #00dddd !important;
    transition: all 0.3s;
    color: #000000;
  }
}
</style>
