Function useSearchProps

apps/baseai.dev/src/components/Search.tsx:435–460

()

}

function useSearchProps() {
	let buttonRef = useRef<React.ElementRef<'button'>>(null);
	let [open, setOpen] = useState(false);

	return {
		buttonProps: {
			ref: buttonRef,
			onClick() {
				setOpen(true);
			}
		},
		dialogProps: {
			open,
			setOpen: useCallback(
				(open: boolean) => {
					let { width = 0, height = 0 } =
						buttonRef.current?.getBoundingClientRect() ?? {};
					if (!open || (width !== 0 && height !== 0)) {
						setOpen(open);
					}
				},
				[setOpen]
			)
		}
	};
}

export function Search() {
	let [modifierKey, setModifierKey] = useState<string>();