mirror of
https://github.com/phishingclub/phishingclub.git
synced 2026-10-14 03:00:46 +02:00
26 lines
844 B
Svelte
26 lines
844 B
Svelte
<script>
|
|
// selectable bordered radio row with label and optional description
|
|
export let checked = false;
|
|
export let label = '';
|
|
export let description = '';
|
|
</script>
|
|
|
|
<label
|
|
class="flex items-start gap-3 p-3 border rounded-lg cursor-pointer transition-colors {checked
|
|
? 'bg-blue-50 dark:bg-blue-900/20 border-blue-500 dark:border-blue-600'
|
|
: 'border-gray-300 dark:border-gray-600'}"
|
|
>
|
|
<input
|
|
type="radio"
|
|
{checked}
|
|
on:change
|
|
class="mt-0.5 w-4 h-4 text-blue-600 bg-gray-100 dark:bg-gray-700 border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:ring-2"
|
|
/>
|
|
<div class="text-left flex-1">
|
|
<span class="text-sm font-medium text-gray-900 dark:text-gray-100 block">{label}</span>
|
|
{#if description}
|
|
<span class="text-xs text-gray-500 dark:text-gray-400 block mt-0.5">{description}</span>
|
|
{/if}
|
|
</div>
|
|
</label>
|