react-vite-themes/dist/components/molecules/GroupedInput/GroupedInput.d.ts

A test/experimental React theme system created for learning purposes. Features atomic design components, SCSS variables, and dark/light theme support. Not intended for production use.

import React from 'react';
import type { Variant } from '../../../types/colors';
export interface GroupedInputProps {
    inputClassName?: string;
    size?: 'sm' | 'md' | 'lg';
    isRounded?: boolean;
    wrapperClassName?: string;
    leftButton?: boolean;
    leftButtonContent?: React.ReactNode;
    leftButtonVariant?: Variant;
    leftButtonSize?: 'sm' | 'md' | 'lg';
    rightButton?: boolean;
    rightButtonContent?: React.ReactNode;
    rightButtonVariant?: Variant;
    rightButtonSize?: 'sm' | 'md' | 'lg';
    type?: string;
    placeholder?: string;
    value?: string | number;
    defaultValue?: string | number;
    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    disabled?: boolean;
    required?: boolean;
    readOnly?: boolean;
    autoFocus?: boolean;
    autoComplete?: string;
    name?: string;
    id?: string;
    [key: string]: any;
}
export declare const GroupedInput: React.ForwardRefExoticComponent<Omit<GroupedInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=GroupedInput.d.ts.map