Function AdditionalColor

docs/src/components/DynamicColorTheme.tsx:108–141

({
  color,
  base,
  setColor,
  children,
}: AdditionalColorPickerProps)

};

const AdditionalColor = ({
  color,
  base,
  setColor,
  children,
}: AdditionalColorPickerProps) => {
  const custom = color && color !== base;

  if (custom) {
    return (
      <tr>
        <td>{children} (custom)</td>
        <td>
          <ColorPicker color={color} setColor={setColor} additional />
          <button
            className="color-picker-button-cancel"
            onClick={() => setColor(undefined)}
          >
            ✕
          </button>
        </td>
      </tr>
    );
  }

  return (
    <tr>
      <td>{children}</td>
      <td>
        <ColorPicker color={base} setColor={setColor} />
      </td>
    </tr>
  );
};

const CodePreview = ({
  theme,