import './sentiment.scss';

export enum SentimentType {
    POSITIVE = "Positive",
    NEUTRAL = "Neutral",
    NEGATIVE = "Negative",
    STRONGLY_NEGATIVE = "Strongly Negative",
    STRONGLY_POSITIVE = "Strongly Positive",
}

export interface SentimentProps {
    sentiment: SentimentType;
}

const Sentiment = ({ sentiment }: SentimentProps) => {
    return (
        <div className='sentiment-container'>
            <div className={`sentiment-circle sentiment-circle-${sentiment?.replace(' ', '-')?.toLowerCase()}`}></div>
            <div className="sentiment-label">{sentiment}</div>
        </div>
    );
};

export default Sentiment;