16 lines
350 B
Svelte
16 lines
350 B
Svelte
<script lang="ts">
|
|
interface Props {
|
|
value: string
|
|
variant?: 'default' | 'blue'
|
|
}
|
|
|
|
let { value, variant = 'default' }: Props = $props()
|
|
|
|
const variantClasses = {
|
|
default: 'bg-gray-100',
|
|
blue: 'bg-blue-50 text-blue-700',
|
|
}
|
|
</script>
|
|
|
|
<code class="rounded px-2 py-1 font-mono text-xs {variantClasses[variant]}">{value}</code>
|