import { ElementType } from 'react';
import { Theme } from '@mui/material';
import { Sizes } from '@m4l/styles';
import { M4LOverridesStyleRules } from '../../../@types/augmentations';
import { TypographyProps } from '@m4l/base';
import { ConcatenatedFormatterSlots as Slots } from './slots/ConcatenatedFormatterEnum';
import { CONTATENATED_FORMATTER_KEY_COMPONENT } from './constants';
/**
 * values: Array de strings a concatenar
 * separator: String usado para concatenar el array de strings
 * Component: Tipo de componente HTML que "abraza" el resultado
 */
export interface ConcatenatedFormatterProps extends Pick<TypographyProps, 'color' | 'dataTestid' | 'className'> {
    /**
     * Valores de información que se usarán para concatenar al texto final.
     */
    values: Array<string | number>;
    /**
     * Cadena de texto que se usa para dividir los valores de información final.
     */
    separator?: string | number;
    /**
     *  Componente personalizado que puede dar la presentación del formatter
     */
    Component?: ElementType;
    /**
     * Tamaño del componente.
     */
    size?: Extract<Sizes, 'small' | 'medium'>;
}
export type ConcatenatedFormatterStyles = M4LOverridesStyleRules<keyof typeof Slots, typeof CONTATENATED_FORMATTER_KEY_COMPONENT, Theme>;
//# sourceMappingURL=types.d.ts.map