<Layout::Section::Header @title={{@model.description}} @badge={{@model.status_code}}>
    <Button @icon="long-arrow-left" @iconPrefix="fas" @text={{t "developers.common.back"}} @onClick={{this.goBack}} />
</Layout::Section::Header>

<Layout::Section::Body>
    <div class="h-screen overflow-y-scroll pb-40">
        <div class="space-y-6 py-6 max-w-6xl mx-auto">
            <ApiRequestLog::Details @apiRequest={{@model}} />
            <ApiRequestLog::QueryParams @apiRequest={{@model}} />
            <ApiRequestLog::RequestHeaders @apiRequest={{@model}} />
            <ApiRequestLog::RequestBody @apiRequest={{@model}} />
            <ApiRequestLog::ResponseBody @apiRequest={{@model}} />
        </div>
    </div>
</Layout::Section::Body>