@redocly/theme
Version:
Shared UI components lib
26 lines • 1.35 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Search = Search;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const SearchTrigger_1 = require("../../components/Search/SearchTrigger");
const SearchDialog_1 = require("../../components/Search/SearchDialog");
const hooks_1 = require("../../core/hooks");
const contexts_1 = require("../../core/contexts");
function SearchContent({ className }) {
const { isOpen, onOpen, onClose } = (0, hooks_1.useSearchDialog)();
return (react_1.default.createElement(SearchWrapper, { "data-component-name": "Search/Search", className: className },
react_1.default.createElement(SearchTrigger_1.SearchTrigger, { onClick: onOpen }),
isOpen && react_1.default.createElement(SearchDialog_1.SearchDialog, { onClose: onClose })));
}
function Search({ className }) {
return (react_1.default.createElement(contexts_1.SearchSessionProvider, null,
react_1.default.createElement(SearchContent, { className: className })));
}
const SearchWrapper = styled_components_1.default.div `
margin-left: auto;
`;
//# sourceMappingURL=Search.js.map