lookingglass/hyperglass/ui/components/footer/link.tsx
2021-12-17 21:08:45 -07:00

13 lines
413 B
TypeScript

import { Button, Link, useBreakpointValue } from '@chakra-ui/react';
import type { TFooterLink } from './types';
export const FooterLink = (props: TFooterLink): JSX.Element => {
const { title } = props;
const btnSize = useBreakpointValue({ base: 'xs', lg: 'sm' });
return (
<Button as={Link} isExternal size={btnSize} variant="ghost" aria-label={title} {...props}>
{title}
</Button>
);
};