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 { ThemedStyledFunction } from "styled-components";
import { BlockAnchor, BlockBody, Theme } from "../styles";

type BlockLinkProps = {
  children: React.ReactNode;
} & ThemedStyledFunction<"a", Theme>;

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

export default BlockLink;