"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const core_1 = require("@material-ui/core");
const Search_1 = tslib_1.__importDefault(require("@material-ui/icons/Search"));
const useStyles = core_1.makeStyles(theme => ({
    searchInput: {
        marginLeft: theme.spacing(2),
        flexGrow: 1,
    },
}));
function WxSearch() {
    const styles = useStyles();
    return (react_1.default.createElement(core_1.Box, Object.assign({ component: core_1.Paper, display: "flex", alignItems: "center", py: 0.5, px: 1 }, { variant: 'outlined' }),
        react_1.default.createElement(core_1.SvgIcon, { color: "action", fontSize: "small" },
            react_1.default.createElement(Search_1.default, null)),
        react_1.default.createElement(core_1.Input, { className: styles.searchInput, disableUnderline: true, placeholder: "\u641C\u7D22" })));
}
exports.default = WxSearch;
