import type { JSX } from "solid-js";
import { splitProps } from "solid-js";
import type { CalendarHeaderProps } from "./calendar.props";

/** Header section of the Calendar, typically containing the heading and navigation. */
export function CalendarHeader(props: CalendarHeaderProps): JSX.Element {
  const [local, rest] = splitProps(props, ["children"]);
  return (
    <div data-scope="calendar" data-part="header" {...rest}>
      {local.children}
    </div>
  );
}
