From 5167072b1d8b20f482ee2a290093ebadd12f13cb Mon Sep 17 00:00:00 2001 From: Seth Davis Date: Tue, 6 Aug 2024 22:42:53 -0500 Subject: [PATCH] Update links --- app/components/Heading.tsx | 18 ++++ app/components/LinkList.tsx | 6 +- app/components/TabContent.tsx | 15 +++ app/components/TabTrigger.tsx | 25 +++++ app/root.tsx | 2 +- app/routes/_index.tsx | 192 +++++++++++++++++----------------- 6 files changed, 159 insertions(+), 99 deletions(-) create mode 100644 app/components/Heading.tsx create mode 100644 app/components/TabContent.tsx create mode 100644 app/components/TabTrigger.tsx diff --git a/app/components/Heading.tsx b/app/components/Heading.tsx new file mode 100644 index 0000000..25208a9 --- /dev/null +++ b/app/components/Heading.tsx @@ -0,0 +1,18 @@ +import { type ReactNode } from 'react'; + +interface HeadingProps { + as?: 'h1' | 'h2' | 'h3'; + children: ReactNode; +} + +export default function Heading({ as = 'h2', children }: HeadingProps) { + const Component = as; + const fontSize = + as === 'h1' ? 'text-5xl' : as === 'h2' ? 'text-2xl' : 'text-lg'; + + return ( + + {children} + + ); +} diff --git a/app/components/LinkList.tsx b/app/components/LinkList.tsx index cbccc7a..22ddcdb 100644 --- a/app/components/LinkList.tsx +++ b/app/components/LinkList.tsx @@ -10,9 +10,9 @@ interface LinkListProps { export const LINK_CLASSNAME = 'text-green-400'; -export const LinkList = ({ className, items }: LinkListProps) => { +export default function LinkList({ className, items }: LinkListProps) { return ( -