<!--
@license GNU AGPL version 3 or any later version

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<template>
  <FormSelect
    v-model="model"
    class="cm-settings-form-opener"
    :options="options"
  />
</template>

<script setup>
import FormSelect from './FormSelect'

const model = defineModel({ type: String })
const options = [
  { id: 'side-menu-opener', label: 'Default' },
  { id: 'side-menu-opener-dark', label: 'Default (dark)' },
  { id: 'side-menu-opener-hamburger', label: 'Hamburger' },
  { id: 'side-menu-opener-hamburger-dark', label: 'Hamburger (dark)' },
  { id: 'side-menu-opener-hamburger-2', label: 'Hamburger 2' },
  { id: 'side-menu-opener-hamburger-2-dark', label: 'Hamburger 2 (dark)' },
]
</script>
