{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<div class="c-feedback {{classes}}">
		<span class="c-feedback__text">{{data.text}}</span>

		<div class="c-feedback__container">
			<button class="c-feedback__button">
				<span class="far fa-thumbs-up c-feedback__icon"></span>
			</button>

			<button class="c-feedback__button c-feedback__button--bg-gray">
				<span class="far fa-thumbs-down c-feedback__icon"></span>
			</button>
		</div>
	</div>

{% endmacro %}