diff options
author | flu0r1ne <flu0r1ne@flu0r1ne.net> | 2023-08-28 21:33:44 -0500 |
---|---|---|
committer | flu0r1ne <flu0r1ne@flu0r1ne.net> | 2023-08-28 21:33:44 -0500 |
commit | f0c03a9b8e15387c4defd0a0e3e0298324406fae (patch) | |
tree | 564011d0265666953b17258954ff68614ff6566a /components/Breadcrumbs | |
parent | 2f0439621cff059e414d67f6ce43a7a6c4de13bc (diff) | |
download | homepage-f0c03a9b8e15387c4defd0a0e3e0298324406fae.tar.xz homepage-f0c03a9b8e15387c4defd0a0e3e0298324406fae.zip |
Add wg2nd
Diffstat (limited to 'components/Breadcrumbs')
-rw-r--r-- | components/Breadcrumbs/index.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/components/Breadcrumbs/index.tsx b/components/Breadcrumbs/index.tsx index c5a17b8..d773b33 100644 --- a/components/Breadcrumbs/index.tsx +++ b/components/Breadcrumbs/index.tsx @@ -6,6 +6,7 @@ import clsx from 'clsx'; export type BreadcrumbsProps = { className?: string; style?: object; + children: React.ReactNode; }; const Breadcrumbs : FC<BreadcrumbsProps> = ({children, className, ...props}) => ( @@ -25,7 +26,11 @@ const Breadcrumbs : FC<BreadcrumbsProps> = ({children, className, ...props}) => </span> ); -const Crumb : FC = ({children, ...props}) => ( +export type CrumbProps = { + children: React.ReactNode; +}; + +const Crumb : FC<CrumbProps> = ({children, ...props}) => ( <span className={styles.crumb} {...props}> {children} </span> @@ -33,12 +38,13 @@ const Crumb : FC = ({children, ...props}) => ( export type LinkCrumbProps = { href: string; + children: React.ReactNode; } const LinkCrumb : FC<LinkCrumbProps> = ({children, href, ...props}) => ( <Crumb> <Link href={href}> - <a>{children}</a> + {children} </Link> </Crumb> ); @@ -47,4 +53,4 @@ export { Crumb, Breadcrumbs, LinkCrumb -};
\ No newline at end of file +}; |