{"size": 1357, "ext": "js", "max_stars_repo_path": "src/components/RegisterButton.js", "max_stars_repo_name": "Veeresh603/tryforBuild", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/RegisterButton.js", "max_issues_repo_name": "Veeresh603/tryforBuild", "max_issues_repo_issues_event_min_datetime": "2021-11-04T08:59:43.000Z", "max_issues_repo_issues_event_max_datetime": "2021-11-04T08:59:43.000Z", "max_forks_repo_path": "src/components/RegisterButton.js", "max_forks_repo_name": "Veeresh603/newForCheckingCertiAuth", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 19.6666666667, "max_line_length": 50, "alphanum_fraction": 0.5998526161}
import React from 'react'
import {Link} from "gatsby"
import styled from "styled-components"

function button(props) {
  return (
    <>
      {!props.aLink ? <LinkButton to={props.to}>
          {props.linkTitle}
      </LinkButton> :<LinkButton1 href={props.to}>
          {props.linkTitle}
      </LinkButton1> }
    </>
  )
}

export default button

const LinkButton = styled(Link)`
 margin-top: 20px;
    padding: 15px 30px;
    color: var(--secondaryColor);
    width: auto;
    background-color: var(--thirdColor);
    text-align: center;
    border-radius: 6px;
  
    transition: all 0.1s ease-in-out;

    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    @media (max-width:479px){
      padding: 12px 30px;
      font-size: 14px;
    }
  
  &:hover {
    background-color: var(--purpleColor);
   
    color : #f1f1f1;
  }
  
`
const LinkButton1 = styled.a`
 margin-top: 20px;
    padding: 15px 30px;
    color: var(--secondaryColor);
    width: auto;
    background-color: var(--thirdColor);
    text-align: center;
    border-radius: 6px;
  
    transition: all 0.1s ease-in-out;

    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    @media (max-width:479px){
      padding: 12px 30px;
      font-size: 14px;
    }
  
  &:hover {
    background-color: var(--purpleColor);
   
    color : #f1f1f1;
  }
  `