import { Tooltip } from '@theorchard/suite-components';
import React from 'react';
import type { FC, ReactElement } from 'react';

export interface OptionalTooltipProps {
    id: string;
    className?: string;
    message: string;
    enabled: boolean;
    children: ReactElement<any, any>;
}

const OptionalTooltip: FC<OptionalTooltipProps> = ({
    id,
    className,
    message,
    enabled,
    children,
}) => {
    if (!enabled || !message) return children;
    return (
        <Tooltip id={id} message={message} className={className}>
            {children}
        </Tooltip>
    );
};

export default OptionalTooltip;