import * as React from 'react';

/**
 * Input — from @kibrisyazilim/design-system@0.1.0.
 * @replaces input
 */
export interface InputProps {
  size?: "sm" | "md" | "lg";
  /** Non-interactive adornment inside the field, before the text. */
  iconStart?: React.ReactNode;
  /** Non-interactive adornment inside the field, after the text. */
  iconEnd?: React.ReactNode;
  className?: string;
  id?: string;
  style?: CSSProperties;
  children?: React.ReactNode;
  /** Visible label. Omit only when a label exists elsewhere. */
  label?: React.ReactNode;
  /** Helper text under the control. Hidden while `error` is set. */
  hint?: React.ReactNode;
  /** Error message. Its presence also puts the control in its invalid state. */
  error?: React.ReactNode;
  /** Stretches the field to the width of its container. */
  fullWidth?: boolean;
}

export declare const Input: React.ComponentType<InputProps>;