<template>
  <slot v-if="config.isFooter" name="footer" />
</template>

<script lang="ts" setup>
import type { Ref } from 'vue';
import { inject } from 'vue';
import type { LayoutConfig } from '../types';
import { configKey } from '../utils/injectedKeys';

const { config } = inject<{ config: Ref<LayoutConfig> }>(configKey)!;
</script>

<style scoped>
.theFooter {
  position: relative;
  width: 100%;
  height: 25px;
}
</style>
