import React from 'react';
import { Search } from 'lucide-react';
import { Button } from 'react-bootstrap';
import styles from '../css/UniClienteUniPunto.module.css';

export interface BotonBusquedaAccionProps {
    onClick: () => void;
    ariaLabel: string;
    disabled?: boolean;
    title?: string;
}

export const BotonBusquedaAccion: React.FC<BotonBusquedaAccionProps> = ({
    onClick,
    ariaLabel,
    disabled = false,
    title,
}) => {
    return (
        <Button
            variant="success"
            size="sm"
            onClick={onClick}
            disabled={disabled}
            aria-label={ariaLabel}
            title={title ?? ariaLabel}
            className={styles.botonBusquedaAccion}
        >
            <Search size={16} strokeWidth={2.25} aria-hidden />
        </Button>
    );
};