mirror of
https://github.com/LucasVbr/meeting-app.git
synced 2026-05-14 01:31:54 +00:00
Lucàs
18 lines
467 B
TypeScript
18 lines
467 B
TypeScript
import {Flex, Text} from '@chakra-ui/react';
|
|
import type {Message as MessageType, User} from '@prisma/client';
|
|
|
|
type Props = {
|
|
align: "left" | 'right'
|
|
message: MessageType
|
|
}
|
|
|
|
const Message = ({message, align}: Props) => (
|
|
<Flex justifyContent={align}>
|
|
<Text maxW={"70%"} w={'fit-content'} bg={'purple.500'} borderRadius={10}
|
|
color={'white'} px={'10px'} py={'5px'}>
|
|
{message.text}
|
|
</Text>
|
|
</Flex>
|
|
);
|
|
|
|
export default Message; |