Spaces:

hlsitech
/

hlsitechbot

Configuration error

hlsitechbot / src /components /link /NavLink.tsx

Upload 93 files

7bbd534 verified over 2 years ago

617 Bytes

'use client';
import NextLink, { LinkProps as NextLinkProps } from 'next/link';
import {
  CSSProperties,
  ComponentProps,
  PropsWithChildren,
  useMemo,
} from 'react';

export type NavLinkProps = NextLinkProps &
  PropsWithChildren & {
    styles?: CSSProperties;
    borderRadius?: ComponentProps<typeof NextLink>['style'];
  };

function NavLink({ children, styles, ...props }: NavLinkProps) {
  const memoizedStyles = useMemo(
    () => ({
      ...styles,
    }),
    [styles],
  );

  return (
    <NextLink style={memoizedStyles} {...props}>
      {children}
    </NextLink>
  );
}

export default NavLink;

	'use client';
	import NextLink, { LinkProps as NextLinkProps } from 'next/link';
	import {
	CSSProperties,
	ComponentProps,
	PropsWithChildren,
	useMemo,
	} from 'react';

	export type NavLinkProps = NextLinkProps &
	PropsWithChildren & {
	styles?: CSSProperties;
	borderRadius?: ComponentProps<typeof NextLink>['style'];
	};

	function NavLink({ children, styles, ...props }: NavLinkProps) {
	const memoizedStyles = useMemo(
	() => ({
	...styles,
	}),
	[styles],
	);

	return (
	<NextLink style={memoizedStyles} {...props}>
	{children}
	</NextLink>
	);
	}

	export default NavLink;