diff options
Diffstat (limited to 'src/components/atoms/links/link.tsx')
| -rw-r--r-- | src/components/atoms/links/link.tsx | 18 | 
1 files changed, 15 insertions, 3 deletions
| diff --git a/src/components/atoms/links/link.tsx b/src/components/atoms/links/link.tsx index 0a69c33..a61158f 100644 --- a/src/components/atoms/links/link.tsx +++ b/src/components/atoms/links/link.tsx @@ -4,6 +4,10 @@ import styles from './link.module.scss';  type LinkProps = {    /** +   * Set additional classes to the link. +   */ +  classes?: string; +  /**     * True if it is an external link. Default: false.     */    external?: boolean; @@ -22,18 +26,26 @@ type LinkProps = {   *   * Render a link.   */ -const Link: FC<LinkProps> = ({ children, href, lang, external = false }) => { +const Link: FC<LinkProps> = ({ +  children, +  classes, +  href, +  lang, +  external = false, +}) => { +  const additionalClasses = classes || ''; +    return external ? (      <a        href={href}        hrefLang={lang} -      className={`${styles.link} ${styles['link--external']}`} +      className={`${styles.link} ${styles['link--external']} ${additionalClasses}`}      >        {children}      </a>    ) : (      <NextLink href={href}> -      <a className={styles.link}>{children}</a> +      <a className={`${styles.link} ${additionalClasses}`}>{children}</a>      </NextLink>    );  }; | 
