| 1 | import { BoxProps } from "../Box";
|
| 2 | import * as React from "react";
|
| 3 | import { Icons } from "../theme/icons";
|
| 4 | import { Omit } from "../common-types";
|
| 5 |
|
| 6 | interface IIcon {
|
| 7 | /**
|
| 8 | * The size of the icon.
|
| 9 | */
|
| 10 | size?: string;
|
| 11 | /**
|
| 12 | * The name of the icon.
|
| 13 | */
|
| 14 | name?: Icons | string;
|
| 15 | /**
|
| 16 | * The color of the icon.
|
| 17 | */
|
| 18 | color?: string;
|
| 19 | /**
|
| 20 | * The role of the icon. `presentation` or `img`
|
| 21 | */
|
| 22 | role?: "presentation" | "img";
|
| 23 | /**
|
| 24 | * If `false`, it means the icon is used within interactive
|
| 25 | * element and won't be focuable.
|
| 26 | */
|
| 27 | focusable?: boolean;
|
| 28 | }
|
| 29 |
|
| 30 | export type IconProps = IIcon & Omit<BoxProps, "size">;
|
| 31 |
|
| 32 | declare const Icon: React.FC<IconProps>;
|
| 33 |
|
| 34 | export default Icon;
|