17 lines
455 B
Svelte
17 lines
455 B
Svelte
|
|
<script>
|
|
export let option;
|
|
export let sort;
|
|
let current=true;
|
|
|
|
|
|
const { sortOption, noPointer } = {
|
|
sortOption: 'flex p-1 pl-9 mr-12 hover:bg-blue-300 w-full flex justify-between',
|
|
noPointer:'pointer-events-none'
|
|
}
|
|
</script>
|
|
|
|
<button class={sortOption} on:click={(e) => {sort(e.target.name, current); current=!current; }} name={option} >
|
|
<p class={noPointer}>{option} </p>
|
|
<p class={noPointer}>{current?'▲':'▼'}</p>
|
|
</button> |