import * as React from 'react';
import { Input } from 'antd';

const Search = Input.Search;

interface CatalogoSearchHeaderProps {
    onChange: (value: string) => void
}
interface CatalogoSearchHeaderState {
    searchValue: string
}

export default class CatalogoSearchHeader extends React.Component<CatalogoSearchHeaderProps, CatalogoSearchHeaderState> {
    constructor(props) {
        super(props);

        this.state = {
            searchValue: ''
        }
    }
    

    render() {
          
        return (
            <Search
                className="magnetron"
                placeholder="Search connector"
                size="large"
                onChange={event => this.props.onChange(event.target.value)}
            />
        );
    }
}