<script lang="ts">
    interface Props {
        value: string;
    }

    let { value = $bindable() }: Props = $props();
</script>

<input type="text" name="textfield" class="borders mt-2 mb-2 w-full" bind:value />

<style>
    .borders {
        border: 1px solid black;
        border-radius: 5px;
        display: flex;
        padding: 2px;
    }
</style>
