mirror of
https://github.com/SomboChea/ui
synced 2024-09-30 05:17:47 +07:00
b56e43846b
* refactor(162): added forwardRef Card * refactor(162): introduced forwardRefDivider * refactor(162): introduced forwardRef MuiComponents * refactor(162): introducing forwardRef * refactor(162): introduced forwardRef * refactor(162): introduced forwardRef * fix(162): fixed link * fix: fixed port number * fix: fixed duplicated id * fix: fixed ref iconbutton * fix: updated snaps * fix: fixed port * fix: fixed eslint errors * fix: the item should be a button * fix: fixed eslint errors
27 lines
749 B
TypeScript
27 lines
749 B
TypeScript
import React from 'react';
|
|
import { Link as RouterLink } from 'react-router-dom';
|
|
|
|
import Text, { TextProps } from '../../muiComponents/Text';
|
|
|
|
interface Props extends Pick<TextProps, 'variant'> {
|
|
external?: boolean;
|
|
className?: string;
|
|
to: string;
|
|
}
|
|
|
|
/* eslint-disable verdaccio/jsx-spread */
|
|
const Link: React.FC<Props> = ({ external, to, children, variant, className, ...props }) => {
|
|
const LinkTextContent = <Text variant={variant}>{children}</Text>;
|
|
return external ? (
|
|
<a className={className} href={to} rel="noopener noreferrer" target="_blank" {...props}>
|
|
{LinkTextContent}
|
|
</a>
|
|
) : (
|
|
<RouterLink className={className} to={to} {...props}>
|
|
{LinkTextContent}
|
|
</RouterLink>
|
|
);
|
|
};
|
|
|
|
export default Link;
|