<template>
  <header class="l-top-header">
    <slot />
  </header>
</template>

<script>
export default {
  name: "l-top-header",
};
</script>
<style>
.l-top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--neutral-500);
  padding: 0 var(--spacing-4);
  color: var(--white);
}
.l-top-header .l-button-size--large {
  padding-top: var(--spacing-6);
  padding-bottom: var(--spacing-6);
}
</style>
