Server Actions cannot be defined within Client Components, but they can be imported. To use Server Actions in Client Components, you can import the action from a file containing a top-level "use server" directive.

Server Actions cannot be defined within Client Components, but they can be imported. To use Server Actions in Client Components, you can import the action from a file containing a top-level "use server" directive.

export async function createEvent(formData: FormData) {
  "use server";
  cookies().getAll();
}

export async function createEvent(formData: FormData) {
  "use server";
  cookies().getAll();
}

import { createEvent } from "./_actions";
import EventCreateForm from "./form";

export default function EventCreate() {
  return (
    <div className="">
      <EventCreateForm createEvent={createEvent} />
    </div>
  );
}

import { createEvent } from "./_actions";
import EventCreateForm from "./form";

export default function EventCreate() {
  return (
    <div className="">
      <EventCreateForm createEvent={createEvent} />
    </div>
  );
}