src/components/BlockLink.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import React from "react";
import { BlockAnchor, BlockBody } from "../styles";

type BlockLinkProps = {
  children?: React.ReactNode;
  as?: undefined;
} & React.LinkHTMLAttributes<HTMLAnchorElement>;

const BlockLink = ({ children, ...attributes }: BlockLinkProps) => {
  return (
    <BlockBody theme={{ link: true }}>
      <BlockAnchor {...attributes}>{children}</BlockAnchor>
    </BlockBody>
  );
};

export default BlockLink;