import { FunctionComponent } from 'react'
import styled from '@emotion/styled'
import tw from 'twin.macro'
const StyledButton = styled.a`
font-weight: 700;
cursor: pointer;
:hover {
${tw`underline`}
}
:disabled {
${tw`cursor-not-allowed opacity-60`}
}
`
// default heroicon does not allow customizing stroke
const ChevronRightIcon = ({ className }) => (
)
interface LinkLeftProps {
className?: string
href?: string
}
const LinkLeft: FunctionComponent = ({
children,
className,
...props
}) => {
return (
{children}
)
}
export default LinkLeft