import { jsx as _jsx } from "react/jsx-runtime";
/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { SearchBox } from '@fluentui/react';
import { memo } from 'react';
import { useSearch } from './ContextualMenuItemSearchBox.hooks.js';
import { searchBoxStyles } from './ContextualMenuItemSearchBox.styles.js';
/**
 * Search box to filter a set of ContextualMenuItems.
 */ export const ContextualMenuItemSearchBox = /*#__PURE__*/ memo(function ContextualMenuItemSearchBox({ items , onSearch  }) {
    const handlers = useSearch(items, onSearch);
    return /*#__PURE__*/ _jsx(SearchBox, {
        ariaLabel: "Find a verb by text",
        placeholder: "Find a verb",
        styles: searchBoxStyles,
        ...handlers
    });
});
