saleor-dashboard/src/components/AppLayout/TopNav/TopNavLink.tsx
2023-03-20 13:06:33 +01:00

17 lines
482 B
TypeScript

import { ArrowLeftIcon, Button, sprinkles } from "@saleor/macaw-ui/next";
import React from "react";
import { Link } from "react-router-dom";
export const TopNavLink: React.FC<{
to: string;
variant?: "secondary" | "tertiary";
}> = ({ to, variant = "secondary" }) => (
<Link to={to} className={sprinkles({ marginRight: 5 })}>
<Button
icon={<ArrowLeftIcon />}
variant={variant}
size="large"
data-test-id="app-header-back-button"
/>
</Link>
);