Migrate to Astro base

src/v1-check/components/Form/Nav.tsx

@@ -0,0 +1,31 @@
+import styled from '@emotion/styled';
+import type { ReactNode } from 'react';
+
+import { StyledCard } from 'v1-check/components/Form/Card';
+import Heading from 'v1-check/components/Form/Heading';
+import colors from 'v1-check/styles/colors';
+
+const Header = styled(StyledCard)`
+  margin: 1rem auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+  align-items: center;
+  width: 95vw;
+`;
+
+const Nav = (props: { children?: ReactNode}) => {
+  return (
+    <Header as="header">
+    <Heading color={colors.primary} size="large">
+      <img width="64" src="/web-check.png" alt="Web Check Icon" />
+      <a href="/">Web Check</a>
+    </Heading>
+      {props.children && props.children}
+  </Header>
+  );
+};
+
+export default Nav;