Function Thread

components/ThreadMaker.tsx:21–32

(props: { text: string })

}

const Thread = (props: { text: string }) => {
    const text = props.text.replaceAll(/(\n)+/g, "\n\n");

    return (
        <Box sx={{ p: 3 }}>
            <h3>Here&apos;s your thread:</h3>
            <pre style={{ whiteSpace: "pre-wrap" }}>{`
${text}
        `}</pre>
        </Box>
    );
};

export const ThreadMaker = () => {
    const [url, setUrl] = useState<string>("");