import React from 'react';
import type { EneonTabEmptyStateProps } from './types';

export default function EneonTabEmptyState({
    title,
    description,
    icon,
    variant = 'default',
    className = '',
}: EneonTabEmptyStateProps): React.ReactElement {
    return (
        <div className={`eneon-tab-empty ${className}`.trim()} role="status">
            <div className="d-flex align-items-center">
                {icon ? (
                    <span className={`me-2 eneon-tab-empty__icono--${variant}`} aria-hidden="true">
                        {icon}
                    </span>
                ) : null}
                <div>
                    <h6 className="eneon-tab-empty__titulo">{title}</h6>
                    <small className="eneon-tab-empty__descripcion">{description}</small>
                </div>
            </div>
        </div>
    );
}