import React from 'react' ; import { NextLink , Prop , PropTable , PropTableWrapper } from '../components' ; const iconProps = [ { name : 'title' , types : 'string' , description : 'SVG Title, for accessibility purposes.' , } , { name : 'color' , types : < NextLink href = "/colors" > Color < /NextLink>, description : ( < > Sets the icon color given a color name from our < NextLink href = "/colors" > palette < / NextLink > . < />), } , { name : 'size' , types : [ < NextLink href = "/spacing" key = "1" > Spacing < /NextLink>, 'number' , ] , description : ( < > Determines the size of the icon . Accepts a < NextLink href = "/spacing" > Spacing < /NextLink> value or a number of px. < />), } , ] ; export const IconPropTable = ( props ) => ( < PropTable title = "Icon" propList = { iconProps } { ... props } />);