// components/NotFoundCard.tsx
import { BackHistoryButton } from "@repo/rdx-ui/components";

interface NotFoundCardProps {
  title: string;
  message: string;
}

export const NotFoundCard = ({ title, message }: NotFoundCardProps) => (
  <>
    <div className='rounded-lg border bg-card p-6'>
      <h3 className='text-lg font-semibold'>{title}</h3>
      <p className='text-sm text-muted-foreground'>{message}</p>
    </div>
    <div className='mt-4 flex items-center justify-end'>
      <BackHistoryButton />
    </div>
  </>
);