<script>
import Image from './Image.svelte'
let value = 50
$: pinnedValues = {
'blur': null,
'brightness': null,
'contrast': null,
'drop-shadow': null,
'grayscale': null,
'hue-rotate': null,
'invert': null,
'opacity': null,
'saturate': null,
'sepia': null,
'contrast': null,
}
let updater = (type, newVal) => {
pinnedValues[type] = newVal
pinnedValues = pinnedValues
}
$: prefix = Object.entries(pinnedValues)
.filter(([k, v]) => v !== null)
.map(([k, v]) => v)
.join(' ')
</script>
<style>
.container {
display:flex;
flex-direction:column
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
</style>