import React, {ReactNode} from 'react';
import './ratebox.scss'
import arrow from '../../assets/images/arrow-up.svg'

type RateBoxProps = {
    rate:string,
    top?:number,
    left?:number
}

const RateBox = ({rate, top, left}: RateBoxProps) => {


    return (
        // @ts-ignore
        <div className={`rate-box ${rate >=0 ? 'positive' : 'negative'}`}>
            <img height={12} width={10} src={arrow} alt="rate indictaor"/>{rate} %
        </div>
    );
}

export default RateBox;