<script lang="ts" setup>
|
import { Fullscreen, Minimize2 } from '../../../../../base/icons/src';
|
|
const screen = defineModel<boolean>('screen');
|
|
function toggleScreen() {
|
screen.value = !screen.value;
|
}
|
</script>
|
|
<template>
|
<div
|
class="flex-center h-full cursor-pointer border-l border-border px-2 text-lg font-semibold text-muted-foreground hover:bg-muted hover:text-foreground"
|
@click="toggleScreen"
|
>
|
<Minimize2 v-if="screen" class="size-4" />
|
<Fullscreen v-else class="size-4" />
|
</div>
|
</template>
|
