import PropTypes from 'prop-types'; import React, { ReactNode } from 'react'; export interface PictogramProps { /** * Pictogram */ pictogram?: any; /** * Children */ children?: ReactNode; /** * The visual style of the pictogram */ mode?: { highlight: string; outline: string; } | 'dark' | 'light' | 'duo'; /** * Set pictogram width in pixels. * * Pictogram will scale to fit (height will be set automatically). Note: If both "width" and "height" props are provided "height" will be ignored. */ width?: number | number[]; /** * Set a pictogram height in pixels. * * Pictogram will scale to fit (width will be set automatically). Note: If both "width" and "height" props are provided "height" will be ignored. */ height?: number | number[]; /** * The pictogram SVG viewBox (artboard) width */ viewBoxWidth?: number; /** * The pictogram SVG viewBox (artboard) height */ viewBoxHeight?: number; /** * String to use as the `aria-label` for the pictogram. Set to an empty string if you * are rendering the pictogram with visible text to prevent accessibility label * duplication. * * Defaults to the pictogram name e.g. `WalletPictogram` --> "Wallet" */ assistiveText?: string; /** * The pictogram SVG metadata copyright year text */ copyrightYear: string; /** * The override API */ overrides?: { Pictogram?: { styles?: (...args: unknown[]) => unknown; component?: React.ElementType; attributes?: (...args: unknown[]) => unknown; }; Svg?: { styles?: (...args: unknown[]) => unknown; component?: React.ElementType; attributes?: (...args: unknown[]) => unknown; }; }; } export declare const Pictogram: { ({ mode, width, height, assistiveText, viewBoxWidth, viewBoxHeight, copyrightYear, pictogram, children, overrides: componentOverrides, ...rest }: PictogramProps): JSX.Element; propTypes: { /** * String to use as the `aria-label` for the pictogram. Set to an empty string if you * are rendering the pictogram with visible text to prevent accessibility label * duplication. * * Defaults to the pictogram name e.g. `WalletPictogram` --> "Wallet" */ assistiveText: PropTypes.Requireable; /** * Children */ children: PropTypes.Requireable; /** * The pictogram SVG metadata copyright year text */ copyrightYear: PropTypes.Validator; /** * Set a pictogram height in pixels. * * Pictogram will scale to fit (width will be set automatically). Note: If both "width" and "height" props are provided "height" will be ignored. */ height: PropTypes.Requireable>; /** * The visual style of the pictogram */ mode: PropTypes.Requireable; outline: PropTypes.Validator; }> | null | undefined>>; /** * The override API */ overrides: PropTypes.Requireable any>; component: PropTypes.Requireable; styles: PropTypes.Requireable<(...args: any[]) => any>; }>>; Svg: PropTypes.Requireable any>; component: PropTypes.Requireable; styles: PropTypes.Requireable<(...args: any[]) => any>; }>>; }>>; /** * Pictogram */ pictogram: PropTypes.Requireable; /** * The pictogram SVG viewBox (artboard) height */ viewBoxHeight: PropTypes.Requireable; /** * The pictogram SVG viewBox (artboard) width */ viewBoxWidth: PropTypes.Requireable; /** * Set pictogram width in pixels. * * Pictogram will scale to fit (height will be set automatically). Note: If both "width" and "height" props are provided "height" will be ignored. */ width: PropTypes.Requireable>; }; };