<div class="bd-callout bd-callout-danger d-flex flex-column w-100">
    <div class="d-flex bd-title fs-6 fw-bold border-bottom border-info">
        <div class="d-flex pe-3 align-self-center">
            <svg class="bi flex-shrink-0" role="img" aria-label="Info:"><use xlink:href="#info"/></svg>
        </div>
        <div class="d-flex">
            This document is for a preview version of Crossplane.
        </div>
    </div>
    <div class="mt-3">
        <p>
            This document applies to Crossplane v{{ .Page.Params.version }} and not to the latest release v{{.Site.Params.latest}}.
            <br />
            <br />
            <b>Don't use Crossplane v{{ .Page.Params.version }} in production.</b>
        </p>
    </div>
</div>
