import customCssProps from '../generated/custom-css-properties';
/**
 * Shared style interface for input-like components (input, textarea, text-filter).
 * Components can extend or alias this interface in their own interfaces.ts files.
 */
export interface InputStyleProps {
  root?: {
    backgroundColor?: {
      default?: string;
      disabled?: string;
      focus?: string;
      hover?: string;
      readonly?: string;
    };
    borderColor?: {
      default?: string;
      disabled?: string;
      focus?: string;
      hover?: string;
      readonly?: string;
    };
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: {
      default?: string;
      disabled?: string;
      focus?: string;
      hover?: string;
      readonly?: string;
    };
    color?: {
      default?: string;
      disabled?: string;
      focus?: string;
      hover?: string;
      readonly?: string;
    };
    fontSize?: string;
    fontWeight?: string;
    paddingBlock?: string;
    paddingInline?: string;
  };
  placeholder?: {
    color?: string;
    fontSize?: string;
    fontStyle?: string;
    fontWeight?: string;
  };
}
/**
 * Maps input-like component style props to CSS custom properties.
 * Used by input, textarea, and text-filter components.
 *
 * @param style - The style props to map
 * @param requireRoot - If true, returns undefined when style.root is not provided (textarea behavior).
 *                      If false, returns object with undefined values (input/text-filter behavior).
 */
export declare function getInputStylesCss(style: InputStyleProps | undefined, requireRoot?: boolean): {
  [customCssProps.styleBackgroundDefault]: string | undefined;
  [customCssProps.styleBackgroundDisabled]: string | undefined;
  [customCssProps.styleBackgroundHover]: string | undefined;
  [customCssProps.styleBackgroundFocus]: string | undefined;
  [customCssProps.styleBackgroundReadonly]: string | undefined;
  [customCssProps.styleBorderColorDefault]: string | undefined;
  [customCssProps.styleBorderColorDisabled]: string | undefined;
  [customCssProps.styleBorderColorHover]: string | undefined;
  [customCssProps.styleBorderColorFocus]: string | undefined;
  [customCssProps.styleBorderColorReadonly]: string | undefined;
  [customCssProps.styleBoxShadowDefault]: string | undefined;
  [customCssProps.styleBoxShadowDisabled]: string | undefined;
  [customCssProps.styleBoxShadowHover]: string | undefined;
  [customCssProps.styleBoxShadowFocus]: string | undefined;
  [customCssProps.styleBoxShadowReadonly]: string | undefined;
  [customCssProps.styleColorDefault]: string | undefined;
  [customCssProps.styleColorDisabled]: string | undefined;
  [customCssProps.styleColorHover]: string | undefined;
  [customCssProps.styleColorFocus]: string | undefined;
  [customCssProps.styleColorReadonly]: string | undefined;
  [customCssProps.stylePlaceholderColor]: string | undefined;
  [customCssProps.stylePlaceholderFontSize]: string | undefined;
  [customCssProps.stylePlaceholderFontWeight]: string | undefined;
  [customCssProps.stylePlaceholderFontStyle]: string | undefined;
  borderRadius: string | undefined;
  borderWidth: string | undefined;
  fontSize: string | undefined;
  fontWeight: string | undefined;
  paddingBlock: string | undefined;
  paddingInline: string | undefined;
} | undefined;