`create-astro` UI (#164)

* refactor: improve create-astro layout, build script

* feat(create-astro): v0.1.0

* docs(create-astro): add README

* feat(create-astro): add meta files to starter templates

1 files changed, 27 insertions, 0 deletions

diff --git a/packages/create-astro/src/components/Finalize.tsx b/packages/create-astro/src/components/Finalize.tsx
new file mode 100644
index 000000000..8d2a2103a
--- /dev/null
+++ b/packages/create-astro/src/components/Finalize.tsx
@@ -0,0 +1,27 @@
+import React, { FC, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { cancelProcessListeners } from '../utils';
+
+const Finalize: FC<{ context: any }> = ({ context: { use, projectName } }) => {
+  useEffect(() => {
+    cancelProcessListeners();
+    process.exit(0);
+  }, []);
+  
+  return <>
+      <Box display="flex">
+        <Text color="#17C083">{'[ yes ]'}</Text>
+        <Text> Project initialized at <Text color="#3894FF">./{projectName}</Text></Text>
+      </Box>
+      <Box display="flex" marginY={1}>
+        <Text dimColor>{'[ tip ]'}</Text>
+        <Box display="flex" marginLeft={1} flexDirection="column">
+            <Text>Get started by running</Text>
+            <Text color="#3894FF">cd ./{projectName}</Text>
+            <Text color="#3894FF">{use} start</Text>
+        </Box>
+      </Box>
+    </>;
+};
+
+export default Finalize;