diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2023-08-28 21:33:44 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2023-08-28 21:33:44 -0500 |
| commit | 2a308fb5bec47aac0f59e074d793cec6e95db1c3 (patch) | |
| tree | e8d8026ab7074ae1c273c819e049eb211309e04f /components/Breadcrumbs | |
| parent | a0e64e73ef07c1cc3623d2712c483bf45884d350 (diff) | |
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 +}; |
