ntent-in-a-component.md" target="_blank" class="edit-page" rel="noopener">
          <img class="edit-icon" src="/images/pen.svg" alt="Edit pencil">
        </a>
    </div>
    <hr>

    <div id="ember199861" class="ember-view"><p>Sometimes, you may want to define a component that wraps content provided by other templates.</p>
<p>For example, imagine we are building a <code>blog-post</code> component that we can use in our application to display a blog post:</p>
<div class="filename handlebars"><div class="