{% macro Input(color=None, size=None, ghost=False, type="text", join=False, validator=False, validator_hint=None) -%}
    <input class="input {% if color == "primary" %} input-primary{% endif %} {% if color == "secondary" %} input-secondary{% endif %} {% if color == "accent" %} input-accent{% endif %} {% if color == "neutral" %} input-neutral{% endif %} {% if color == "success" %} input-success{% endif %} {% if color == "warning" %} input-warning{% endif %} {% if color == "info" %} input-info{% endif %} {% if color == "error" %} input-error{% endif %} {% if size == "xs" %} input-xs{% endif %} {% if size == "sm" %} input-sm{% endif %} {% if size == "md" %} input-md{% endif %} {% if size == "lg" %} input-lg{% endif %} {% if size == "xl" %} input-xl{% endif %} {% if ghost %} input-ghost{% endif %} {% if join %} join-item{% endif %} {% if validator %} validator{% endif %}  {{kwargs.pop('class', '')}}" {% if type %}type="{{type}}"{% endif %} {{ html_attrs(kwargs) }}>
{%- endmacro %}