import { Container, Flex, Text, Title } from '@mantine/core'; import classes from './MessageSteps.module.css'; import { RosettaLogo } from '../RosettaLogo/RosettaLogo'; import { Switch } from '../Switch/Switch'; import { useState } from 'react'; import { Sender } from '../Sender/Sender'; import { Recipient } from '../Recipient/Recipient'; export function MessageSteps() { const [show, setShow] = useState('Sender'); return (
How is my message sent? See why Rosetta is truly secure. Notice how your message is sent and received from you to the recipient. The steps highlighted in blue are what you see, while the steps not highlighted are what happens behind the scenes. setShow(v)}> {show == 'Sender' && } {show == 'Recipient' && }
); }