import React from "react";

//strings
import strings from "../constants/localization";

//actions

//components
import Container from "../../../Talk-ui-kit/src/container";
import {Text} from "../../../Talk-ui-kit/src/typography";
import {MdChatBubbleOutline} from "react-icons/md";

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

//statics

//functions


export default function ({className, ...other}) {
  return (
    <Container className={className} {...other}>
      <Container center centerTextAlign relative style={{width: "100%"}}>
        <div className={style.MainMessagesNoMessages__Empty}/>
        <Text size="lg">{strings.thereIsNoMessageToShow}</Text>
        <MdChatBubbleOutline size={style.iconSizeXlg} color={style.colorAccent}/>
      </Container>
    </Container>
  )
}
