import React from "react"
import styled from "styled-components"

import { Link } from "gatsby"

import { Button } from "ygh-ui"
import Path from "ygh-icons/Path"

const StyledPath = styled(Path)`
  margin: -0.25em 0;
`

export default () => (
  <Button importance="primary" color="secondary" as={Link} to="/demo">
    <StyledPath size={1.5} />
    &nbsp;&nbsp;Play a Demo Hunt
  </Button>
)