<script lang="ts" setup>
import { ConfigProviderThemeVars } from 'wot-design-uni'
const props = withDefaults(defineProps<{ height?: number | string; color?: string }>(), {
  height: 4,
  color: 'black',
})
const modelValue = defineModel({ type: Number, default: 30 })
const themeVars = computed<ConfigProviderThemeVars>(() => ({
  progressHeight: typeof props.height === 'number' ? `${props.height}px` : props.height,
}))
</script>
<template>
  <wd-config-provider :themeVars="themeVars">
    <wd-progress :percentage="modelValue" hide-text :color="color"></wd-progress>
  </wd-config-provider>
</template>
