<template>
  <LayoutContainer>
    <h2
      class="title"
      :style="{ color: titleColor }"
    >
      {{ title }}
    </h2>
  </LayoutContainer>
</template>

<script setup lang="ts">
  const props = defineProps({
    title: String,
    titleColor: {
      type: String,
      default: "#0E2D32",
    },
  });
</script>

<style scoped lang="scss">
  .title {
    font-weight: 600;
    font-size: 3rem;
    line-height: 3rem;
    margin-left: 1rem;
    width: 35rem;
  }
</style>
