import { ElementType, ComponentPropsWithoutRef } from 'react';

type WithVisuallyHiddenTextProps = {
    /**
     * Visually hidden text for screen readers.
     *
     * @type {string | undefined}
     */
    visuallyHiddenText?: string;
};
type AsElementProps<TComponent = any> = {
    /**
     * The component to render as.
     */
    as?: TComponent;
};
type ElementProps<TElementType extends ElementType, TPropsToOmit extends string = never> = Omit<ComponentPropsWithoutRef<TElementType>, TPropsToOmit>;
type HeadingLevel = `h${1 | 2 | 3 | 4 | 5 | 6}`;
type ColumnWidth = 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters';
type Size = 's' | 'm' | 'l' | 'xl';
type InputWidth = '2' | '3' | '4' | '5' | '10' | '20';

export type { AsElementProps, ColumnWidth, ElementProps, HeadingLevel, InputWidth, Size, WithVisuallyHiddenTextProps };