@vtex/phosphor-icons
Version:
<p align="center"> <img alt="VTEX Logo" src="./docs/assets/vtex-logo.svg" height="100" width="117" /> <h3 align="center">VTEX Phosphor Icons</h3> <p align="center">Reach us on #admin-ui channel on Slack | Tag us with @dev-team-admin on Slack</p> </p
20 lines (19 loc) • 851 B
TypeScript
import type { ComponentPropsWithRef } from 'react';
import React from 'react';
export declare const IconContext: React.Context<IconContextProps>;
export declare function useIconContext(): IconContextProps;
export declare function createIconProvider(props: IconContextProps): (iconProps: {
children?: React.ReactNode;
}) => JSX.Element;
export interface IconOptions {
weight?: IconWeight;
mirrored?: boolean;
title?: string;
}
export declare type IconProps = ComponentPropsWithRef<'svg'> & IconOptions;
export declare type UseIconPropsReturn = ComponentPropsWithRef<'svg'> & IconOptions;
export interface IconContextProps {
useIconProps: (props: IconProps) => UseIconPropsReturn;
}
export declare type IconWeight = 'outline' | 'fill';
export declare type Icon<T = IconProps> = React.ForwardRefExoticComponent<T>;