38 lines
967 B
JavaScript
38 lines
967 B
JavaScript
import { makeStyles } from '@material-ui/core'
|
|
import React from 'react'
|
|
import InverseLinkIcon from 'src/styling/icons/action/external link/white.svg?react'
|
|
import LinkIcon from 'src/styling/icons/action/external link/zodiac.svg?react'
|
|
|
|
import { ActionButton } from 'src/components/buttons'
|
|
import { spacer, primaryColor } from 'src/styling/variables'
|
|
|
|
const useStyles = makeStyles({
|
|
actionButton: {
|
|
marginBottom: spacer * 4
|
|
},
|
|
actionButtonLink: {
|
|
textDecoration: 'none',
|
|
color: primaryColor
|
|
}
|
|
})
|
|
|
|
const SupportLinkButton = ({ link, label }) => {
|
|
const classes = useStyles()
|
|
return (
|
|
<a
|
|
className={classes.actionButtonLink}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href={link}>
|
|
<ActionButton
|
|
className={classes.actionButton}
|
|
color="primary"
|
|
Icon={LinkIcon}
|
|
InverseIcon={InverseLinkIcon}>
|
|
{label}
|
|
</ActionButton>
|
|
</a>
|
|
)
|
|
}
|
|
|
|
export default SupportLinkButton
|