{#
Input component. Implements different types for the <input> element.

Props:
`value` attribute for <input> tag.

`placeholder` example content.

`type` attribute for different input types.

`modifiers` CSS classes to modify the basic styling of the component.

`disabled` boolean attribute to indicate a disabled field.

`id` string identifier.

#}

    <input
        {{ disabled ? 'disabled' }}
        {{ type ? 'type="' ~ type ~ '"' }}
        {{ input_aria_label ? 'aria-label="' ~ input_aria_label ~ '"' }}
        {{ input_name ? 'name="' ~ input_name ~ '"' }}
        {{ modifiers or errors ? 'class="' ~ (errors ? 'mds-form-item--error ' : '') ~ modifiers ~ '"' }}
        {{ placeholder ? 'placeholder="' ~ placeholder ~ '"' }}
        {{ value ? 'value="' ~ value ~ '"' }}
        data-testid="mds-input"
        {{ id ? 'id="' ~ id ~ '"' }}
    />