import { ZIcon_Props } from '@zurich/dev-utils/code/Icon';
export type Icon_StyleProps = {
    /** ## Icon
     *
     * The parameter `z-icon` has three components following the pattern:
     *
     * `<name><?:size><?:style>`
     *
     * - **Name:** name of the icon without referencing the category. Possible values are: `arrow-up`, `close`, etc.
     * Check the [icon catalog](https://zds.zurich.com/foundations/icons.md)
     * to see all the values.
     *
     * - **Size:** _(optional)_ defines de size of the icon . The default value is `m` (`1.5rem`).
     * The possible values are: `xs` (`.75rem`), `s` (`1rem`), `l` (`3.75rem`).
     *
     * - **Style:** _(optional)_ defines the style of the icon, being `solid` the default.
     * The possible value is `outline`.
     *
     * ---
     * ### Examples:
     * - `edit`:
     * ```html
     * <i z-icon icon="edit"></i>
     * ```
     * ![example_1](./atoms/Icon/IconEditSolid.png)
     *
     * - `robot:line`:
     *  ```html
     * <i z-icon icon="robot:line"></i>
     * ```
     * ![example_2](./atoms/Icon/IconRobotOutline.png)
     *
     * - `close:s`:
     *  ```html
     * <i z-icon icon="close:s"></i>
     * ```
     * ![example_3](./atoms/Icon/IconCloseSolidSmall.png)
     *
     * - `arrow-down:line`:
     * - `l`:
     *  ```html
     * <i z-icon="l" icon="arrow-down:line"></i>
     * ```
     * ![example_4](./atoms/Icon/IconArrowDownOutlineLarge.png)
     *
     * ---
     * ### References:
     * - #### [![](./SB.png) Documentation](./atoms/icon)
     * - #### [![](./SB.png) Icon catalog](https://zds.zurich.com/foundations/icons.md)
     */
    'z-icon'?: ZIcon_Props['config'] | '' | true;
    /** */
    icon?: ZIcon_Props['icon'];
};