initial app

2023-06-01 20:24:59 +02:00
parent bb19e15a40
commit 34993f7f61
64 changed files with 10002 additions and 0 deletions
@@ -0,0 +1,33 @@
+import styled from "@emotion/styled";
+import React from "react";
+import {
+  Link as RouterLink,
+  LinkProps as RouterLinkProps,
+} from "react-router-dom";
+
+const Headline = styled("h3")({
+  fontSize: "1.5rem",
+  lineHeight: 1,
+  marginBottom: "0.2rem",
+});
+
+const Link = styled(RouterLink)({
+  textDecoration: "none",
+});
+
+type NavigationHeadlineProps = Partial<Pick<RouterLinkProps, "to">>;
+
+const NavigationHeadline: React.FC<
+  React.PropsWithChildren<NavigationHeadlineProps>
+> = (props) => {
+  const { children, to } = props;
+
+  return (
+    <Headline>
+      {to && <Link to={to}>{children}</Link>}
+      {!to && children}
+    </Headline>
+  );
+};
+
+export default NavigationHeadline;