import React, { ComponentPropsWithRef } from 'react'; import * as systemIcons from './system'; declare type SystemIcon = keyof typeof systemIcons; declare type Size = 's' | 'm' | 'l' | 'xl'; export declare type SystemIconProps = { /** * Name of the icon in the System set of icons. */ icon: SystemIcon; /** * Predefined size to use. */ size?: Size; /** * Class name to be assigned to the component. */ className?: string; /** * Setting the `inline` prop to `true` will set negative margins which will compensate for the existing padding/space * that appears inside the icon's sources. Use this only when inline icons inside a text-block. * * NB! Using `inline` will result in the `size` prop being ignored. */ inline?: boolean; } & ComponentPropsWithRef<'svg'>; /** * The `SystemIcon` component is a helper component for displaying icons in the **system** set in "sane" sizes. */ export declare const SystemIcon: React.ForwardRefExoticComponent & React.RefAttributes>; export {};