Button.tsx

import React from "react"
import { Link } from "@onegeo/gatsby-theme-onegeo"

interface Props {
    children?: React.ReactNode
    name?: string
    url?: string
    className?: string
}

const Button = (props: Props) => {
    const { children, name = "", url = "#", className } = props

    return (
        <Link to={url} className={"btn font-extrabold " + className}>
            {name}
            {children}
        </Link>
    )
}

export default Button