30 lines
781 B
JavaScript
30 lines
781 B
JavaScript
import React from "react";
|
|
import { Box, Label, Text } from "theme-ui";
|
|
import raw from "raw.macro";
|
|
|
|
import Modal from "../components/Modal";
|
|
import Markdown from "../components/Markdown";
|
|
import Link from "../components/Link";
|
|
|
|
const gettingStarted = raw("../docs/howTo/gettingStarted.md");
|
|
|
|
function GettingStartedModal({ isOpen, onRequestClose }) {
|
|
return (
|
|
<Modal
|
|
isOpen={isOpen}
|
|
onRequestClose={onRequestClose}
|
|
style={{ maxWidth: "450px" }}
|
|
>
|
|
<Box>
|
|
<Label py={2}>Getting Started</Label>
|
|
<Markdown source={gettingStarted} />
|
|
<Text variant="body2" my={2}>
|
|
For more tutorials visit the <Link to="/how-to">How To</Link> page
|
|
</Text>
|
|
</Box>
|
|
</Modal>
|
|
);
|
|
}
|
|
|
|
export default GettingStartedModal;
|