import { CheckIcon } from '@/components/icons/CheckIcon'
import { Show } from 'solid-js'

type Props = {
  isChecked: boolean
  class?: string
}

export const Checkbox = (props: Props) => {
  return (
    <div
      class={
        'w-4 h-4 bot-checkbox' +
        (props.isChecked ? ' checked' : '') +
        (props.class ? ` ${props.class}` : '')
      }
    >
      <Show when={props.isChecked}>
        <CheckIcon />
      </Show>
    </div>
  )
}