All files / src/components/buttons/BackTo BackTo.tsx

0% Statements 0/2
100% Branches 0/0
0% Functions 0/1
0% Lines 0/2

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                                                   
import { ActionIcon, Group, Text } from '@mantine/core';
import { IconArrowLeft } from '@tabler/icons-react';
import Link from 'next/link';
import type { BackToProps } from './types';
 
const BackTo = ({ href, text }: Readonly<BackToProps>) => {
  return (
    <Group>
      <ActionIcon
        component={Link}
        href={href}
        variant="subtle"
        color="gray"
        size="lg"
      >
        <IconArrowLeft size={20} />
      </ActionIcon>
      <Text component={Link} href={href} c="dimmed" size="sm">
        {text}
      </Text>
    </Group>
  );
};
 
export default BackTo;