import { default as React } from 'react';
import { DateFormatter as DateFormatterType } from '@m4l/graphics';
import { DateFormatterProps, PresentationType } from './types';
declare type Maybe<T> = T | undefined | null;
/**
 * Formatea un valor de fecha en formato UTC, a un formato legible para humanos. Retorna un string
 * @param presentationType Fecha, fecha-hora u hora
 * @param value Valor a convertir
 * @param format Formato
 * @returns string
 */
export declare function getFormatDate(presentationType: PresentationType, value: Maybe<Date | string | number>, dateFormatter: DateFormatterType, format?: string): string;
/**
 * DateFormatter
 * A component for formatting date values into various presentation styles such as text or custom wrappers.
 * @param {DateFormatterProps} props - The properties for the component.
 * presentationType - Specifies how the date value should be represented:
 * - `'datetime'`: Displays date and time.
 * - `'date'`: Displays only the date.
 * - `'time'`: Displays only the time.
 * [value=null] - The date value to be formatted.
 * [Component=DateFormatterRootStyled] - A custom wrapper component for the formatted output.
 * [dataTestId] - A unique identifier for testing purposes, used as a `data-testid` attribute.
 * [className] - A custom class name to apply to the component.
 * @example
 * <DateFormatter presentationType="datetime" value={new Date()} />
 * // Renders "2024-12-06 15:57:50"
 * @returns JSX.Element
 */
export declare function DateFormatter<T extends React.ElementType>(props: DateFormatterProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=DateFormatter.d.ts.map