<script lang="ts">
import { ColorPicker } from "@hyvor/design/components";
let color = '#000000';
let inputTimes = 0;
let changedTimes = 0;
</script>
<ColorPicker
bind:color={color}
on:input={() => inputTimes++}
on:change={() => changedTimes++}
/>
<p>Color: {color}, Changed {times} times</p>