import styles from './MessageBlock.module.css';

export type MessageBlockProps = {
    boldText: string,
    regularText?: string,
};

export function MessageBlock({boldText, regularText}: MessageBlockProps) {
    return (
        <li className={styles.root}>
            <div>
                <span className={styles.boldText}>{boldText}</span> {regularText && <span>{regularText}</span>}
            </div>
            <div className={styles.tail}/>
        </li>
    );
};