///
import type { DefaultMedia } from '../../types/index.js';
export declare const DEFAULT_MEDIA: DefaultMedia;
declare const baseComponents: {
bool: ({ data: { value: bool }, }: import("../../types/base.types.js").BoolComponent) => JSX.Element | null;
color: ({ data: { hex } }: import("../../types/base.types.js").ColorComponent) => JSX.Element | null;
ContentListComponent: ({ data, location, viewportBreakpoint, }: import("../../types/base.types.js").ContentListComponent) => import("react").ReactElement> | null;
date: ({ data: { utcDate: date }, }: import("../../types/base.types.js").DateTimeComponent) => import("react").ReactElement> | null;
html: ({ data: { value } }: import("../../types/base.types.js").HTMLComponent) => import("react").ReactElement>;
link: ({ children, data: { text, url, target }, "data-test": dataTest, style, }: import("../../types/base.types.js").CallToActionComponent) => JSX.Element;
list: ({ data: { components }, location, viewportBreakpoint, }: import("../../types/component.types.js").ComponentList) => import("react").ReactElement>;
longtext: ({ data: { value: longtext }, }: import("../../types/base.types.js").TextComponent) => import("react").ReactElement>;
MediaComponent: ({ data: { fields }, viewportBreakpoint, media, }: import("../../types/base.types.js").MediaComponent) => import("react").ReactElement> | null;
number: ({ data: { value: number }, }: import("../../types/base.types.js").NumberComponent) => import("react").ReactElement> | null;
text: ({ data: { value: text } }: import("../../types/base.types.js").TextComponent) => JSX.Element;
};
export default baseComponents;