Function Shape

src/shape/Shape.tsx:28–45

(props: Props)

export const shapeList = Object.keys(shapes)

export default function Shape(props: Props){
  const { name, size = 24 } = props

  const Tag = (shapes as ShapeList)[name]

  if(!Tag) {
    // shape doen't exists
    return null
  }

  return (
    <ShapeWrapper {...props} role="img">
      <Tag
        width={size}
      />
    </ShapeWrapper>
  )
}