<script>
  export let text = "replace this";
</script>

<div class="talkingPointNameContainer">
  <h2 class="talkingPointName">{text}</h2>
</div>

<style>
  .talkingPointNameContainer {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    background-color: #00111d;
    color: #ffffff;
  }

  .talkingPointNameContainer .talkingPointName {
    padding-top: 1.25em;
    padding-right: 2em;
    max-width: 250px;
    text-align: right;
  }
</style>
