import {OverlayTrigger} from "react-bootstrap";
import React from "react";



export function Warnings({warnings}) {
    return (
        <OverlayTrigger
            placement="bottom"
            trigger={['click', 'hover', 'focus']}
            overlay={
                ({arrowProps, hasDoneInitialMeasure, show, ...props}) => (
                    <div className="k-popup-warning" {...props}>

                        <p className="rule warning">
                            <i>{warnings.message}</i>
                        </p>
                    </div>)
            }
            rootClose
        >
            <img className="alert-warning" src={`/images${warning.icon}`}/>
        </OverlayTrigger>
    )
}