1234567891011121314151617181920212223242526272829303132 |
- import { makeStyles } from "@material-ui/core/styles";
- const useStyles = makeStyles({
- container: {
- display: "flex",
- justifyContent: "center",
- },
- wrapper: {
- textAlign: 'center',
- padding: '1px 10px 3px 10px',
- backgroundColor: 'rgba(104, 105, 104, 0.8)',
- color:'#ffffff',
- borderRadius: 7,
- fontSize: ".85em",
- fontWeight:600,
- },
- });
- interface IMessageTime {
- message:string,
- }
- const MessageTime = ({ message }:IMessageTime) => {
- const classes = useStyles();
- return (
- <div className={classes.container}>
- <span className={classes.wrapper}>{message}</span>
- </div>
- )};
- export default MessageTime
|