import React from "react";

type TProps = {
    active: boolean
}

export const Legend:React.FC<TProps> = React.memo((props) => {
    return <div className="legend-container">
        <span className={`legend-circle ${props.active ? 'active' : 'disable'}`}></span>
        <span className={`legend-text ${props.active ? 'active' : 'disable'}`}>
            {
                props.active            
                ? 'Запись есть'
                : 'Записи нет'
            }
        </span>
    </div>
})