Something went wrong. Try again.
Minecraft JSON Formatter
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435<script lang="ts"> import type { Color } from '../classes/Color'; import { getCSSHEX } from '../classes/Color'; import { highContrastColor } from '../helpers/high_contrast'; import CheckCircle from './generic/Icons/CheckCircle.svelte';
interface Props { checked: boolean; color: Color; onClick: (color: Color) => void; }
let { checked, color, onClick }: Props = $props();</script>
<button class="d-flex justify-content-center align-items-center" style={`background-color: ${getCSSHEX(color)}`} onclick={() => { onClick(color); }}> {#if checked} <CheckCircle style={`color: ${highContrastColor(getCSSHEX(color), 'white', 'black')}`} /> {/if}</button>
<style> button { width: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px); border: none; }</style>