function StylePreview({ style, color, active }) {
  if (style === 'fill') {
    return (
      <div style={{
        width: 36, height: 24, borderRadius: 6,
        background: hexA(color, 0.55),
        border: `1.5px solid ${color}`,
      }}></div>
    );
  }
  return (
    <div style={{
      width: 36, height: 24, borderRadius: 6,
      background: '#FFFFFF',
      border: `2.5px solid ${color}`,
    }}></div>
  );
}