rolens/frontend/src/components/code-example.svelte

<script>
  export let code = '';
</script>

<div class="examplecode">
  <strong>CLI command</strong>
  <code>{code}</code>
</div>

<style>
  .examplecode {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0.5rem;
    background-color: rgba(255, 255, 255, 0.7);
  }

  strong {
    display: inline-block;
    margin-right: 1rem;
    font-weight: 700;
  }

  code {
    user-select: all;
  }
</style>