<template>
    <TemplateSeparator>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
            <path
                d="M23.0438 12.5C23.5718 12.5 24.0039 12.0712 23.9619 11.5448C23.7992 9.50803 23.1186 7.54079 21.9776 5.83315C20.659 3.85976 18.7849 2.3217 16.5922 1.41345C14.3994 0.505199 11.9867 0.26756 9.65889 0.730581C7.33113 1.1936 5.19294 2.33649 3.51471 4.01471C1.83649 5.69294 0.693602 7.83113 0.230581 10.1589C-0.23244 12.4867 0.00519942 14.8994 0.913448 17.0922C1.8217 19.2849 3.35976 21.159 5.33315 22.4776C7.04079 23.6186 9.00803 24.2992 11.0448 24.4619C11.5712 24.5039 12 24.0718 12 23.5438V20.6561C12 20.128 11.57 19.7065 11.0466 19.6366C9.96068 19.4915 8.91777 19.0998 7.99987 18.4865C6.81584 17.6954 5.893 16.5709 5.34806 15.2553C4.80311 13.9397 4.66052 12.492 4.93834 11.0953C5.21615 9.69866 5.90188 8.41575 6.90881 7.40881C7.91575 6.40188 9.19866 5.71615 10.5953 5.43834C11.992 5.16052 13.4397 5.30311 14.7553 5.84806C16.0709 6.39301 17.1954 7.31584 17.9865 8.49988C18.5998 9.41777 18.9915 10.4607 19.1365 11.5466C19.2065 12.07 19.628 12.5 20.1561 12.5H23.0438Z"
                :fill="fillColor"
            />
            <path
                d="M17.566 13.6824C17.575 13.6397 17.5422 13.5996 17.4985 13.5996H14.0556C13.5275 13.5996 13.0994 14.0277 13.0994 14.5558V17.9985C13.0994 18.0422 13.1394 18.0751 13.1822 18.066C15.3753 17.6025 17.1023 15.8755 17.566 13.6824Z"
                :fill="fillColor"
            />
            <path
                d="M19.1544 13.5996C19.0879 13.5996 19.0315 13.6483 19.0203 13.7138C18.5118 16.6753 16.1751 19.0119 13.2136 19.5203C13.1481 19.5316 13.0994 19.588 13.0994 19.6544V23.5438C13.0994 24.0719 13.5275 24.5 14.0556 24.5H15.9679C16.496 24.5 16.9241 24.0719 16.9241 23.5438V19.889C16.9241 19.8642 16.954 19.8518 16.9715 19.8693L20.9704 23.8683C21.3438 24.2417 21.9492 24.2417 22.3227 23.8683L23.368 22.8229C23.7414 22.4495 23.7414 21.8441 23.368 21.4707L19.3691 17.4717C19.3516 17.4542 19.364 17.4243 19.3887 17.4243H23.0436C23.5717 17.4243 23.9998 16.9962 23.9998 16.4682V14.5558C23.9998 14.0277 23.5717 13.5996 23.0436 13.5996H19.1544Z"
                :fill="fillColor"
            />
        </svg>
    </TemplateSeparator>
</template>

<script>
export default {
    computed: {
        fillColor() {
            return this.$appState.darkTheme ? 'var(--p-surface-0)' : 'var(--p-surface-900)';
        }
    }
};
</script>
