File size: 763 Bytes
f909d7c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
import React from "react";
import Link from "next/link";
import styled from "styled-components";
import { monaSans } from "src/constants/fonts";
const StyledTitle = styled.div<{ fontSize: string }>`
font-weight: 800;
margin: 0;
font-family: ${monaSans.style.fontFamily};
font-size: ${({ fontSize }) => fontSize};
white-space: nowrap;
z-index: 10;
color: ${({ theme }) => theme.INTERACTIVE_HOVER};
vertical-align: middle;
`;
interface LogoProps extends React.ComponentPropsWithoutRef<"a"> {
fontSize?: string;
}
export const JSONCrackLogo: React.FC<LogoProps> = ({ fontSize = "1.2rem", ...props }) => {
return (
<StyledTitle as={Link} fontSize={fontSize} href="/" prefetch={false} {...props}>
JSON CRACK
</StyledTitle>
);
};
|