// https://github.com/keithj2780/svelte-editable-palette

let name = 'world';

import HSVColourPicker from './HSVColourPicker.svelte';

import ColourPicker from './ColourPicker.svelte';

function colorChange(e) {

console.log('change',e.detail);

}

function colorInput(e) {

console.log('input',e.detail);

}

</script>

<h1>Standalone HSV Colour Picker</h1>

<HSVColourPicker startColor={"#000000"} on:change={colorChange} on:input={colorInput} showAlphaSlider={true}

showInfoBox={true}/>

<hr/>

<h1>Standalone Palette Colour Picker editable using HSV Colour Picker</h1>

<ColourPicker on:change={colorChange} on:input={colorInput}/>