function generatePalette()

in packages/showcase/color/mini-color-examples.js [276:307]

• 32 lines of code
• 1 McCabe index (conditional complexity)

function generatePalette(range) {
  return (
    <div style={{display: 'flex', maxWidth: 700, flexWrap: 'wrap'}}>
      {range.map((d, i) => (
        <div
          key={i.toString()}
          style={{
            background: d,
            width: 80,
            height: 80,
            borderRadius: 5,
            margin: 10,
            position: 'relative'
          }}
        >
          <div
            className="color-box"
            style={{
              position: 'absolute',
              top: '50%',
              left: '50%',
              textShadow: 'white 1px 1px',
              transform: 'translate(-50%, -50%)'
            }}
          >
            {d}
          </div>
        </div>
      ))}
    </div>
  );
}