nexpi-ui/lib/Search.js

An elegant and minimalist Next.js 14 component library

'use client';
import React, { useState, useEffect } from 'react';
import Textfield from './Textfield';
var Search = function (_a) {
    var onSearch = _a.onSearch, variant = _a.variant, placeholder = _a.placeholder, onClick = _a.onClick;
    var _b = useState(''), searchText = _b[0], setSearchText = _b[1];
    var handleSearch = function (e) {
        setSearchText(e.target.value);
    };
    useEffect(function () {
        onSearch(searchText);
    }, [searchText, onSearch]);
    return (React.createElement("div", { onClick: onClick, style: {
            display: 'flex',
            flexDirection: 'row',
            justifyContent: 'center',
            marginRight: '0',
            backgroundColor: variant === 'primary' ? 'var(--nxp-primary-color)' : 'transparent',
        } },
        React.createElement(Textfield, { style: {
                margin: '0',
                borderRadius: 'va(--nxp-border-radius)',
                backgroundColor: 'var(--nxp-secondary-shadow-color)',
                border: 'none',
                color: 'black'
            }, placeholder: placeholder || 'Search', value: searchText, onChange: handleSearch })));
};
export default Search;
//# sourceMappingURL=Search.js.map