import { AsElementProps, ElementProps } from "../../../types/shared.mjs";
import { Component } from "../../../internal/factory/factory.mjs";
import { PolymorphicComponentProps } from "../../../internal/factory/create-polymorphic-factory.mjs";
import { BaseProps } from "../../core/base/Base.mjs";
import React from "react";

//#region src/components/content-presentation/task-list/TaskList.d.ts
type TaskListProps = ElementProps<'ul'>;
declare const TaskList: Component<{
  props: TaskListProps;
  ref: HTMLUListElement;
  staticComponents: {
    Item: typeof TaskListItem;
  };
}>;
type TaskListItemProps = {
  variant?: 'with-link';
} & ElementProps<'li'>;
declare const TaskListItem: Component<{
  props: TaskListItemProps;
  ref: HTMLLIElement;
  staticComponents: {
    NameAndHint: typeof TaskListItemNameAndHint;
    Status: typeof TaskListItemStatus;
  };
}>;
type TaskListItemNameAndHintProps = {
  hint?: React.ReactNode;
  containerProps?: ElementProps<'div'>;
  hintProps?: ElementProps<'div'>;
} & BaseProps & AsElementProps<'a'>;
declare const TaskListItemNameAndHint: (<TComponent = "a">(props: PolymorphicComponentProps<TComponent, TaskListItemNameAndHintProps>) => React.ReactElement) & Omit<React.FunctionComponent<({
  hint?: React.ReactNode;
  containerProps?: ElementProps<"div">;
  hintProps?: ElementProps<"div">;
} & {
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & AsElementProps<"a"> & AsElementProps<any> & Omit<Omit<any, "ref">, "className" | "children" | "as" | "hint" | "hintProps" | "containerProps"> & {
  ref?: any;
  renderRoot?: (props: any) => any;
}) | ({
  hint?: React.ReactNode;
  containerProps?: ElementProps<"div">;
  hintProps?: ElementProps<"div">;
} & {
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & AsElementProps<"a"> & {
  as: keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
  renderRoot?: (props: Record<string, any>) => any;
})>, never> & Record<string, never>;
type TaskListItemStatusProps = {
  variant?: 'completed' | 'cannot-start-yet';
} & ElementProps<'div'>;
declare const TaskListItemStatus: {
  ({
    variant,
    className,
    children,
    ...props
  }: TaskListItemStatusProps): React.JSX.Element;
  displayName: string;
};
//#endregion
export { TaskList, TaskListItem, TaskListItemNameAndHint, TaskListItemNameAndHintProps, TaskListItemProps, TaskListItemStatus, TaskListItemStatusProps, TaskListProps };