---
// Layout
import Base from "./Base.astro"

// Properties
const {Type, Title, Query, QueryText} = Astro.props

// Components
import SearchMenu from "@components/global/SearchMenu.astro"
---

<Base Title={Title} QueryText={QueryText}>
    <SearchMenu Type={Type}/>
    <div class="search-results">
        <div class="search-results-start">
            <slot name="search"/>
        </div>
        <div class="search-results-end">
            <slot name="rich-panel"/>
        </div>
    </div>
</Base>

<style>
.search-results {
    margin-top: 16px;
    display: flex;
    gap: 24px;
    .search-results-end {
        max-width: 400px;
    }
}
</style>