import React, { FC } from 'react';
import SeriesIcon from 'src/components/seriesIcon';

export const CLASSNAME = 'TopCountriesHeader';
export const TERM_STREAMS = 'topCountries.header.streamsFromCountries';

export interface Props {
    title?: string;
    index: number;
}

const TopCountriesHeader: FC<Props> = ({
    title, index
}) => (
    <div className={CLASSNAME}>
        <div className={`${CLASSNAME}-icon-container`}>
            <SeriesIcon index={index} />
        </div>
        <div className={`${CLASSNAME}-content`}>
            { title }
        </div>
    </div>
);

export default TopCountriesHeader;