phx-react
Version:
PHX REACT
13 lines • 1.17 kB
JavaScript
import { MagnifyingGlassIcon } from '@heroicons/react/20/solid';
import React from 'react';
import { classNames } from '../../types';
import { PHXSpinner } from '../../Loading';
function SearchResult({ setQuery, type, loading, actionSelectAll }) {
return (React.createElement(React.Fragment, null,
React.createElement("input", { className: classNames(loading && 'pr-10', '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: (e) => 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') }),
loading && (React.createElement("div", { className: classNames('absolute mt-0.5', actionSelectAll ? 'right-6 top-4' : 'right-2 top-1') },
React.createElement(PHXSpinner, null)))));
}
export default SearchResult;
//# sourceMappingURL=searchResult.js.map