import { Heading } from '../../01-atoms';
import { Filter, SlideOver } from '../../02-molecules';
/**
 * AsideFilters component for rendering a slide-over filter panel with a title and filter options.
 *
 * @component
 * @example
 * // Example usage of AsideFilters component
 * <AsideFilters
 *   title="Filter Options"
 *   filter={{ filter props here }}
 *   closeCallback={() => console.log('SlideOver closed')}
 * />
 *
 * @param {Object} props - The properties of the AsideFilters component.
 * @param {string} props.title - The title to be displayed in the slide-over.
 * @param {ComponentProps<typeof Filter>} props.filter - The filter options to be passed to the Filter component.
 * @param {Function} [props.closeCallback] - Optional callback function triggered when the slide-over is closed.
 *
 * @returns {ReactNode} The rendered AsideFilters component.
 */
export function AsideFilters({ title, filter, closeCallback, }) {
    return (<SlideOver side="right" closeCallback={closeCallback}>
      <div className="border-gray-5 border-b px-5 py-4">
        <Heading level="h6">{title}</Heading>
      </div>
      <Filter {...filter}/>
    </SlideOver>);
}
//# sourceMappingURL=AsideFilters.jsx.map