`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, 23 insertions, 0 deletions

diff --git a/packages/create-astro/src/components/Template.tsx b/packages/create-astro/src/components/Template.tsx
new file mode 100644
index 000000000..7fbab035d
--- /dev/null
+++ b/packages/create-astro/src/components/Template.tsx
@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+import { Box, Text } from 'ink';
+import Spacer from './Spacer';
+import Select from './Select';
+
+const Template: FC<{ context: any, onSubmit: (value: string) => void }> = ({ context: { templates }, onSubmit }) => {
+  const items = templates.map(({ title: label, ...rest }) => ({ ...rest, label }));
+
+  return (
+    <>
+      <Box display="flex">
+        <Text color="#17C083">{'[query]'}</Text>
+        <Text> Which template should be used?</Text>
+      </Box>
+      <Box display="flex">
+        <Spacer width={6} />
+        <Select items={items} onSelect={onSubmit} />
+      </Box>
+    </>
+  );
+};
+
+export default Template;