phx-react
Version:
PHX REACT
11 lines • 917 B
JavaScript
import { MagnifyingGlassIcon } from '@heroicons/react/20/solid';
import React from 'react';
import { classNames } from '../../types';
function SearchResult(_a) {
var setQuery = _a.setQuery, type = _a.type;
return (React.createElement(React.Fragment, null,
React.createElement("input", { className: 'block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-8 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
React.createElement(MagnifyingGlassIcon, { className: classNames('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') })));
}
export default SearchResult;
//# sourceMappingURL=searchResult.js.map