f07dc0384f
* initial implementation of search modal * added hit and search suggestions * added support for multiple indices * updated sample env * added close when click outside dropdown * test for mobile * added mobile design * added shortcut * dark mode fixes * added search to docs * added plugins filter * added React import * moved filters to configurations * handled error on page load * change suggestion text * removed hits limit * handle select all * open link in current tab * change highlight colors * added support for shortcuts + auto focus * change header and footer * redesigned search ui
39 lines
866 B
TypeScript
39 lines
866 B
TypeScript
import clsx from "clsx"
|
|
import { useModal } from "../../../providers/modal"
|
|
import IconXMark from "../../Icons/XMark"
|
|
import Button from "../../Button"
|
|
|
|
type ModalHeaderProps = {
|
|
title?: string
|
|
}
|
|
|
|
const ModalHeader = ({ title }: ModalHeaderProps) => {
|
|
const { closeModal } = useModal()
|
|
|
|
return (
|
|
<div
|
|
className={clsx(
|
|
"border-medusa-border-base dark:border-medusa-border-base-dark border-0 border-b border-solid py-1.5 px-2",
|
|
"flex items-center justify-between"
|
|
)}
|
|
>
|
|
<span
|
|
className={clsx(
|
|
"text-medusa-fg-base dark:text-medusa-fg-base-dark text-h2"
|
|
)}
|
|
>
|
|
{title}
|
|
</span>
|
|
<Button
|
|
variant="clear"
|
|
className="cursor-pointer"
|
|
onClick={() => closeModal()}
|
|
>
|
|
<IconXMark />
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ModalHeader
|