<script lang="ts">
  let { name, type="text", labelSize="medium", inputWidth="inherit", value = $bindable(), children}: { name: string; type?: string; labelSize?: string; inputWidth?: string; value?: string; children: any } = $props();
</script>

<label for={name} class="font-bold underline pr-4" style="font-size: {labelSize};">{@render children?.()}</label>
<input name={name} type={type} bind:value={value} class="border-[#2D82B7] focus:border-[#3A96CF] border-[2px] outline-none p-1" style="width: {inputWidth};"/>
