import type { ReactNode } from 'react';
import type { CreateComponent } from '~/utils';
import type { Components } from '~/utils/components-list';

import type { FlexProps } from '../Box/Flex';

export type HelperIconProps = FlexProps & {
  message: ReactNode;
  iconSize?: number;
};

export type HelperIconDef = CreateComponent<{
  type: 'div';
  component: Components.HelperIcon;
  props: HelperIconProps;
  element: HTMLDivElement;
  styles: 'root';
}>;