'use client';

import Link from 'next/link';
import { Button } from '@/components/ui/button';
import {
  Card,
  CardContent,
  CardFooter,
  CardHeader,
  CardTitle,
} from '@/components/ui/card';

interface ICollaborateProps {
  title: string;
}

const Collaborate = ({ title }: ICollaborateProps) => {
  return (
    <Card>
      <CardHeader>
        <CardTitle>{title}</CardTitle>
      </CardHeader>
      <CardContent>
        <p className="text-sm text-foreground leading-5.5">
          Experienced UI/UX designer seeking new opportunities.
        </p>
      </CardContent>
      <CardFooter className="justify-center">
        <Button mode="link" underlined="dashed" asChild>
          <Link href="/public-profile/works">View details</Link>
        </Button>
      </CardFooter>
    </Card>
  );
};

export { Collaborate, type ICollaborateProps };