import { default as React } from 'react';
/**
 * TypeScript allows hyphenated attributes on *intrinsic* elements only, so a component's props
 * interface has to declare these itself — no React attribute type provides them.
 */
type DataAttributes = {
    [K in `data-${string}`]?: string;
};
/**
 * HTML pass-through props accepted on the root element of every component: the full native
 * attribute set for that element, plus `data-*`.
 *
 * Pass the root's element type for correctly-typed event handlers (`HtmlProps<HTMLDivElement>`);
 * the default is the loose `HTMLElement`. Where the root is not a plain container, extend the
 * matching React type instead and add `DataProps` for the `data-*` half — `Button` does this
 * with `React.ButtonHTMLAttributes<HTMLButtonElement>`.
 *
 * `ref` is deliberately *not* here. `Ref<E>` is invariant, so a shared `Ref<HTMLElement>` is not
 * assignable to the `<div>` it would be spread onto, and narrowing the default to `HTMLDivElement`
 * re-types every event handler with it — which breaks `Dropdown` and `SplitButton`, whose `onClick`
 * is typed for the `<button>` they hand it to. A component that accepts a ref declares it itself,
 * next to its other props, typed for the element it actually lands on.
 *
 * A component prop that collides with a native one of the same name must `Omit` the native one.
 */
export type HtmlProps<E extends HTMLElement = HTMLElement> = React.HTMLAttributes<E> & DataAttributes;
/** The `data-*` half of {@link HtmlProps}, for components that source attributes elsewhere. */
export type DataProps = DataAttributes;
export {};