<svelte:options customElement={{ props: {} }} />

<script lang="ts">
  import type {MyHTMLInputAttributes} from './types';

  const {
    class: className = '',
    style = '',
    type = 'text',
    variant = 'default',
    value,
    ...rest
  }: Omit<MyHTMLInputAttributes, 'class' | 'style' | 'type' | 'value'> & {
    class?: string;
    style?: string;
    type?: string;
    value?: unknown;
    variant?: 'default' | 'borderless';
  } = $props();
</script>
<input
  {type}
  spellcheck="false"
  {...rest}
  {value}
  {style}
  class="tf-input {variant === 'borderless' ? 'tf-input-borderless' : ''} nopan nodrag {className}"
/>
