first

src/workspaces/components/BackButton.tsx

@@ -0,0 +1,13 @@
+import { Link } from 'react-router';
+import { ArrowLeft } from 'lucide-react';
+import { cn } from 'helpers/cn';
+
+type BackButtonProps = { label: string; href: string; className?: string };
+export const BackButton = ({ label, href, className }: BackButtonProps) => {
+  return (
+    <Link to={href} className={cn('flex items-center text-lg text-gray-600 underline dark:text-gray-300', className)}>
+      <ArrowLeft className="mr-1 h-4 w-4" />
+      {label}
+    </Link>
+  );
+};