// @flow import * as ICONS from 'constants/icons'; import React from 'react'; type IconProps = { size: number, color: string, }; // Returns a react component const buildIcon = (iconStrokes: React$Node, options?: {} = {}) => (props: IconProps) => { const { size = 24, color = 'currentColor', ...otherProps } = props; return ( {iconStrokes} ); }; export const customIcons = { [ICONS.ARROW_LEFT]: buildIcon( ), [ICONS.ARROW_RIGHT]: buildIcon( ), [ICONS.VIEW]: buildIcon( ), [ICONS.HOME]: buildIcon( ), [ICONS.MENU]: buildIcon( ), [ICONS.PLAY]: buildIcon( ), [ICONS.UPLOAD]: buildIcon( ), [ICONS.PUBLISHED]: buildIcon( ), // Extended from the feather-icons Heart [ICONS.UNSUBSCRIBE]: buildIcon( ), // The LBRY icon is different from the base icon set so don't use buildIcon() [ICONS.LBRY]: props => ( ), };