even more styled components

components/Blockquote/Blockquote.module.css

@@ -0,0 +1,6 @@
+.blockquote {
+  margin-left: 0;
+  padding-left: 1.5em;
+  border-left: 3px solid var(--link);
+  color: var(--medium-dark);
+}

components/Blockquote/Blockquote.tsx

@@ -0,0 +1,13 @@
+import type { BlockquoteHTMLAttributes } from "react";
+
+import styles from "./Blockquote.module.css";
+
+type Props = BlockquoteHTMLAttributes<HTMLElement>;
+
+const Blockquote = ({ children, ...rest }: Props) => (
+  <blockquote className={styles.blockquote} {...rest}>
+    {children}
+  </blockquote>
+);
+
+export default Blockquote;