mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-06-26 17:30:16 +02:00
34 lines
830 B
TypeScript
34 lines
830 B
TypeScript
import Link from 'next/link';
|
|
import styled from 'styled-components';
|
|
import { Text13 } from './Typography';
|
|
|
|
export interface CurrentVersionProps {
|
|
version: string;
|
|
color?: string;
|
|
}
|
|
export function CurrentVersion({ version, color }: CurrentVersionProps) {
|
|
return (
|
|
<Link href={'/docs/changelog'} passHref legacyBehavior>
|
|
<Container as={'a'} style={color ? { background: color } : undefined}>
|
|
{version}
|
|
</Container>
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
const Container = styled(Text13)`
|
|
color: var(--black);
|
|
font-weight: 700;
|
|
background: var(--pink);
|
|
line-height: 1;
|
|
padding: 7px 16px;
|
|
border-radius: 200px;
|
|
display: block;
|
|
text-decoration: none !important;
|
|
transition: color 0.1s linear, background 0.1s linear;
|
|
&:hover {
|
|
background: var(--black) !important;
|
|
color: var(--white);
|
|
}
|
|
`;
|