Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { useForm } from "react-hook-form"

export default function SearchList({title, fetchCallback, addTitle='', addCallback=''}) {
    const { register, getValues } = useForm();
    const handleSearch = () => {
        const searchValue = getValues("search");
        if(fetchCallback){
            setTimeout(() => {
                fetchCallback(searchValue);
            }, [500])
        }
    };
    return (
        <>
            {
                !!title && (
                    <div className="company-title">
                        <div className="section_admin_title_buttons">
                            <div style={{ float: "left" }}>
                                <h1 className="title"> {title} </h1>
                            </div>
                            {
                                !!addTitle && !!addCallback && (
                                    <div style={{ float: "right" }}>
                                        <button
                                            type="button"
                                            className="btn btn-primary btn-add"
                                            onClick={(e) => {
                                                e.preventDefault();
                                                addCallback();
                                            }}
                                        >
                                            {addTitle}
                                        </button>
                                    </div>
                                )
                            }
                        </div>
                    </div>
                )
            }

            <div className="company-title">
                <div className="section_admin_title_buttons">
                    <div className="form-group">
                        <input
                            type="text"
                            name="search"
                            id="search"
                            className="form-control"
                            placeholder="Buscar"
                            ref={register}
                            onKeyUp={handleSearch}
                        />
                    </div>
                </div>
            </div>
        </>
    )
}