Textarea

<textarea placeholder="Write something..."></textarea>

<article>
  <header style="display: flex; align-items: center; gap: 8px">
    <svg><!-- brand-javascript --></svg>
    <span>script.js</span>
    <span style="flex: 1"></span>
    <button class="ghost square" aria-label="Reload"><svg>...</svg></button>
    <button class="ghost square" aria-label="Copy"><svg>...</svg></button>
  </header>
  <textarea style="border-radius: 0; resize: none">
    console.log('Hello, world!');
  </textarea>
  <footer
    style="display: flex; align-items: center; justify-content: space-between"
  >
    <small>Line 1, Column 1</small>
    <button>
      Run <svg><!-- corner-down-left --></svg>
    </button>
  </footer>
</article>