import React from 'react';
import styled, { DefaultTheme } from 'styled-components';
import { SessionIcon, SessionIconSize, SessionIconType } from '../../session/icon';
import { OpacityMetadataComponent } from './MessageMetadata';
const MessageStatusSendingContainer = styled(props => )`
display: inline-block;
margin-bottom: 2px;
margin-inline-start: 5px;
`;
const MessageStatusSending = (props: { theme: DefaultTheme; iconColor: string }) => {
return (
);
};
const MessageStatusSent = (props: { theme: DefaultTheme; iconColor: string }) => {
return (
);
};
const MessageStatusDelivered = (props: { theme: DefaultTheme; iconColor: string }) => {
return (
);
};
const MessageStatusRead = (props: { theme: DefaultTheme; iconColor: string }) => {
return (
);
};
const MessageStatusError = (props: { theme: DefaultTheme }) => {
return (
);
};
export const OutgoingMessageStatus = (props: {
status?: 'sending' | 'sent' | 'delivered' | 'read' | 'error';
theme: DefaultTheme;
iconColor: string;
isInMessageView?: boolean;
}) => {
switch (props.status) {
case 'sending':
return ;
case 'sent':
return ;
case 'delivered':
return ;
case 'read':
return ;
case 'error':
if (props.isInMessageView) {
return null;
}
return ;
default:
return null;
}
};