'use client';

import { Button, Input } from '@/components/base';
import { Send } from 'lucide-react';

export default function SubscribeJob() {
  return (
    <div className="rounded-lg border bg-card p-6">
      <div className="mb-6">
        <div className="mb-4 flex size-10 items-center justify-center rounded-full bg-primary/10">
          <Send className="size-5 text-primary" />
        </div>
        <h2 className="mb-2 text-xl font-semibold">New remote jobs in your inbox, every Monday!</h2>
        <p className="text-muted-foreground">Subscribe to get your 5-minute brief on tech remote jobs every Monday</p>
      </div>
      <form className="space-y-4">
        <Input type="email" placeholder="Enter your email" />
        <Button className="w-full">Subscribe</Button>
      </form>
    </div>
  );
}