{% if editmode %}
<div class="settings">
<div class="position-relative settings-button-border">
<strong class="settings-header">Settings</strong><button class="toggle-settings"><i class="fa fa-plus"></i></button>
<div class="settings_container">
<div class="row middle-lg middle-md middle-sm middle-xs">
<div>Button Style</div>
<div>
{{ pimcore_select("buttonType", {
"store": [
["dark", "Dark"],
["dark-ghost", "Dark Ghost"],
["light", "Light"],
["light-ghost", "Light Ghost"],
],
"defaultValue" : "dark",
})
}}
</div>
</div>
</div>
<div style="position: absolute; top: 10px; right: 0; font-weight: bold; text-transform: uppercase;">
Button
</div>
</div>
</div>
{% endif %}
{% set buttonType = pimcore_select("buttonType").getData()|raw %}
{% switch buttonType %}
{% case "dark" %}
{% set buttonType = ' dark' %}
{% case "dark-ghost" %}
{% set buttonType = ' dark--ghost' %}
{% case "light" %}
{% set buttonType = ' light' %}
{% case "light-ghost" %}
{% set buttonType = ' light--ghost' %}
{% default %}
{% set buttonType = ' dark' %}
{% endswitch %}
{{ pimcore_link('buttonLink', {class: "btn" ~ buttonType }) }}