import { InputHTMLAttributes, ReactNode, ElementType } from 'react';
import { PropsWithStyle } from '../../index.ts';
import { SfInputSize } from '@storefront-ui/shared';

export { SfInputSize };
export interface SfInputProps extends PropsWithStyle, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
    size?: `${SfInputSize}`;
    invalid?: boolean;
    slotPrefix?: ReactNode;
    slotSuffix?: ReactNode;
    wrapperClassName?: string;
    wrapperAs?: ElementType<any> | undefined;
}