import type { Attachment, Background, DataTable, DocString, Examples, Feature, GherkinDocument, PickleDocString, PickleTable, PickleTag, Rule, Scenario, Tag, TestStepResultStatus } from '@cucumber/messages';
import { type FC, type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
type Styles<C extends string> = Record<C, string>;
export interface AnchorProps {
    id: string;
    children: ReactNode;
}
export type AnchorClasses = Styles<'wrapper' | 'anchor'>;
export interface AttachmentProps {
    attachment: Attachment;
}
export type AttachmentClasses = Styles<'text' | 'copyButton' | 'log' | 'icon' | 'image' | 'links'>;
export interface BackgroundProps {
    background: Background;
}
export interface ChildrenProps {
    children: ReactNode;
}
export type ChildrenClasses = Styles<'children'>;
export interface DataTableProps {
    dataTable: DataTable | PickleTable;
}
export type DataTableClasses = Styles<'table'>;
export interface DescriptionProps {
    description?: string;
}
export type DescriptionClasses = Styles<'content'>;
export interface DocStringProps {
    docString: DocString | PickleDocString;
}
export type DocStringClasses = Styles<'docString'>;
export interface ErrorMessageProps {
    message?: string;
    children?: ReactNode;
}
export type ErrorMessageClasses = Styles<'message' | 'copyButton'>;
export interface ExamplesProps {
    examples: Examples;
}
export interface FeatureProps {
    feature: Feature;
}
export interface GherkinDocumentProps {
    gherkinDocument: GherkinDocument;
}
export type Header = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
export interface KeywordProps {
    children: ReactNode;
}
export type KeywordClasses = Styles<'keyword'>;
export interface ParameterProps {
    parameterTypeName: string;
    value: string;
    children: ReactNode;
}
export type ParameterClasses = Styles<'parameter'>;
export interface StatusIconProps {
    status: TestStepResultStatus;
}
export interface RuleProps {
    rule: Rule;
}
export interface ScenarioProps {
    scenario: Scenario;
}
export type StatusIconClasses = Styles<'icon'>;
export interface TagsProps {
    tags: readonly Tag[] | readonly PickleTag[];
}
export type TagsClasses = Styles<'tags' | 'tag'>;
export interface TitleProps {
    header: Header;
    id: string;
    children: ReactNode;
}
export type TitleClasses = Styles<'title'>;
export declare type DefaultComponent<Props, Classes extends Styles<string> = Record<string, string>> = FunctionComponent<Props & {
    styles: Classes;
}>;
export declare type CustomisedComponent<Props, Classes = Record<string, string>> = FunctionComponent<Props & {
    styles: Classes;
    DefaultRenderer: FunctionComponent<Props>;
}>;
export declare type Customised<Props, Classes = Record<string, string>> = CustomisedComponent<Props, Classes> | Partial<Classes>;
export interface CustomRenderingSupport {
    Anchor?: Customised<AnchorProps, AnchorClasses>;
    Attachment?: Customised<AttachmentProps, AttachmentClasses>;
    Background?: Customised<BackgroundProps>;
    Children?: Customised<ChildrenProps, ChildrenClasses>;
    DataTable?: Customised<DataTableProps, DataTableClasses>;
    Description?: Customised<DescriptionProps, DescriptionClasses>;
    DocString?: Customised<DocStringProps, DocStringClasses>;
    ErrorMessage?: Customised<ErrorMessageProps, ErrorMessageClasses>;
    Examples?: Customised<ExamplesProps>;
    Feature?: Customised<FeatureProps>;
    GherkinDocument?: Customised<GherkinDocumentProps>;
    Keyword?: Customised<KeywordProps, KeywordClasses>;
    Parameter?: Customised<ParameterProps, ParameterClasses>;
    Rule?: Customised<RuleProps>;
    Scenario?: Customised<ScenarioProps>;
    StatusIcon?: Customised<StatusIconProps, StatusIconClasses>;
    Tags?: Customised<TagsProps, TagsClasses>;
    Title?: Customised<TitleProps, TitleClasses>;
}
export declare type CustomRenderable = keyof CustomRenderingSupport;
export declare const CustomRenderingContext: import("react").Context<CustomRenderingSupport>;
export declare function useCustomRendering<Props, Classes extends Styles<string> = Record<string, string>>(component: CustomRenderable, defaultStyles: Record<string, string>, DefaultRenderer: DefaultComponent<Props, Classes>): FunctionComponent<Props>;
export declare const CustomRendering: FC<PropsWithChildren<{
    overrides: CustomRenderingSupport;
}>>;
export {};
//# sourceMappingURL=CustomRendering.d.ts.map