NavButton NavButton.tsx

100% Statements 3/3

100% Branches 2/2

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
29
30
31
32
33
34 2x
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
48x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client';
 
import { Button } from '@mantine/core';
import Link from 'next/link';
import classes from './NavButton.module.css';
import type { NavButtonProps } from './types';
 
const NavButton = ({
  label,
  href,
  icon,
  size = 'lg',
  fullWidth = false,
  dataTestId,
}: NavButtonProps) => {
  return (
    <Button
      component={Link}
      href={href}
      size={size}
      variant="gradient"
      gradient={{ from: 'pink', to: 'violet', deg: 45 }}
      leftSection={icon}
      className={classes.navButton}
      fullWidth={fullWidth}
      data-testid={dataTestId}
    >
      {label}
    </Button>
  );
};
 
export default NavButton;