// @flow

import React from 'react';
import styled from 'styled-components';
import { TertiaryButton } from '../../src/core/actions/tertiary-button';

const Link = styled(TertiaryButton)`
  display: inline-block;
  text-transform: capitalize;
`;

export const ExternalReferenceLink = ({
  src,
  type,
}: {
  src: string,
  type: 'figma' | 'github',
}) => (
  <Link href={src} spacing="mr3">
    {type}
  </Link>
);
