import type { HTMLAttributes } from 'react';

export type BasePrimitiveProps = {
  /**
   * Additional CSS classes to apply.
   */
  className?: string;

  /**
   * Unique identifier for the component.
   */
  id?: string;

  /**
   * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
   */
  testId?: string;

  /**
   * `data-testid` is strictly controlled through the `testId` prop.
   * This lets consumers know that this data attribute will not be applied.
   */
  'data-testid'?: never;

  /**
   * Accessible role.
   */
  role?: RoleProp['role'];
};

/**
 * Inline styles to be applied to the primitive. Only apply as a last resort, or where
 * styles cannot otherwise be calculated outside of the runtime of the component they're applied.
 */
export type StyleProp = Pick<HTMLAttributes<HTMLElement>, 'style'>;

/**
 * Accessible role.
 */
export type RoleProp = Pick<HTMLAttributes<HTMLElement>, 'role'>;