import PinIcon from 'mdi-react/PinIcon';
import * as React from 'react';
import { SavedQueryRow } from './SavedQueryRow';
export const ExampleSearch = (props) => {
    const handleSave = (e) => {
        e.stopPropagation();
        e.preventDefault();
        props.onSave(props.search);
    };
    return (React.createElement(SavedQueryRow, { query: props.search.query, description: props.search.description, eventName: "ExampleSearchClick", isLightTheme: props.isLightTheme, className: props.isHidden ? 'example-searches__hidden' : '', actions: React.createElement("div", { className: "saved-query-row__actions" },
            React.createElement("button", { className: "btn btn-icon action", onClick: handleSave },
                React.createElement(PinIcon, { className: "icon-inline" }),
                "Save")) }));
};
//# sourceMappingURL=ExampleSearch.js.map