import React from 'react';
import { Link } from '@tutorbook/intl';
import styles from './cta-link.module.scss';
export interface CTALinkProps {
label: string;
href: string;
small?: boolean;
wide?: boolean;
coral?: boolean;
teal?: boolean;
white?: boolean;
transparent?: boolean;
}
function Arrow(): JSX.Element {
return (
);
}
export default function CTALink(props: CTALinkProps): JSX.Element {
const colorClass: string = props.transparent
? styles.transparent
: props.coral
? styles.coralFill
: props.teal
? styles.tealFill
: props.white
? styles.white
: styles.black;
const className: string =
styles.link +
' ' +
colorClass +
(props.small ? ' ' + styles.small : '') +
(props.wide ? ' ' + styles.wide : '');
if (props.href.indexOf('http') < 0) {
return (
{props.label}
);
} else {
return (
{props.label}
);
}
}