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;
|