// @flow
import * as React from "react";

type Props = { href: string, children: React.Node };

export default (props: Props) => {
  const style = {
    display: "inline-block",
    padding: "10px 20px",
    color: "#FFFFFF",
    background: "#000000",
    borderRadius: "4px",
    fontWeight: 500,
    textDecoration: "none",
    cursor: "pointer",
  };

  return (
    <a {...props} style={style}>
      {props.children}
    </a>
  );
};