import { ContactsList } from '@/components/contacts/contacts-list';
import { ContactsFilter } from '@/components/contacts/dropdown-filter';
import { ContactsFilterProvider } from '@/context/contacts-filter';
import { Card } from '@repo/ui/components/ui/card';

export default function ContactsPage() {
  return (
    <ContactsFilterProvider>
      <Card>
        <div className="flex flex-row items-center justify-between space-x-4 p-4">
          <h1 className="text-2xl font-bold">Контакты</h1>
          <ContactsFilter />
        </div>
        <div className="p-4 pt-0">
          <ContactsList />
        </div>
      </Card>
    </ContactsFilterProvider>
  );
}