import React from "react";
import classnames from "classnames";

//strings

//actions

//components
import Container from "../../../Talk-ui-kit/src/container";

//styling
import style from "../../styles/app/MainMessagesMessageBoxHighLighter.scss";

//statics

//functions


export default function ({message, highLightMessage}) {
  const classNames = classnames({
    [style.MainMessagesMessageBoxHighLighter]: true,
    [style["MainMessagesMessageBoxHighLighter--highlighted"]]: highLightMessage && highLightMessage === message.time
  });
  return (
    <Container className={classNames}>
      <Container className={style.MainMessagesMessageBoxHighLighter__Box}/>
    </Container>
  );
}