@abgov/react-components
Version:
Government of Alberta - UI components for React
47 lines (46 loc) • 1.41 kB
TypeScript
import { GoabIconFilledType, GoabIconOverridesType, GoabIconSize, GoabIconTheme, GoabIconType, Margins } from '@abgov/ui-components-common';
import { JSX } from 'react';
interface IonIconProps {
name: GoabIconType | GoabIconFilledType;
}
interface IonIconElement extends HTMLElement {
}
declare module "react" {
namespace JSX {
interface IntrinsicElements {
"ion-icon": IonIconProps & React.HTMLAttributes<IonIconElement>;
}
}
}
declare module "react" {
namespace JSX {
interface IntrinsicElements {
"goa-icon": WCProps & React.HTMLAttributes<IonIconElement>;
}
}
}
export interface GoabIconProps extends Margins {
type: GoabIconType | GoabIconOverridesType;
size?: GoabIconSize;
theme?: GoabIconTheme;
inverted?: string | boolean;
fillColor?: string;
opacity?: number;
title?: string;
ariaLabel?: string;
testId?: string;
}
interface WCProps extends Margins {
type: GoabIconType | GoabIconOverridesType;
theme?: GoabIconTheme;
size?: GoabIconSize;
inverted?: string;
fillcolor?: string;
opacity?: number;
title?: string;
arialabel?: string;
testid?: string;
}
export declare function GoabIcon({ type, theme, size, inverted, // TODO: change to boolean only
fillColor, opacity, title, ariaLabel, mt, mr, mb, ml, testId, }: GoabIconProps): JSX.Element;
export {};