lookingglass/hyperglass/ui/components/footer/link.tsx
2024-11-15 18:40:53 +00:00

23 lines
512 B
TypeScript

import { Button, Link } from '@chakra-ui/react';
import type { ButtonProps, LinkProps } from '@chakra-ui/react';
type FooterLinkProps = ButtonProps & LinkProps & { title: string };
export const FooterLink = (props: FooterLinkProps): JSX.Element => {
const { title } = props;
return (
<Button
as={Link}
isExternal
py={1}
fontWeight="normal"
variant="link"
colorScheme="transparent"
aria-label={title}
{...props}
>
{title}
</Button>
);
};