import { createElement } from "react";
/**
 * WordPress dependencies
 */
import { swatch } from '@wordpress/icons';

/**
 * Internal dependencies
 */
import ColorIndicator from '../color-indicator';
import Icon from '../icon';
import { getGradientFromCSSColors } from './utils';
function DuotoneSwatch({
  values
}) {
  return values ? createElement(ColorIndicator, {
    colorValue: getGradientFromCSSColors(values, '135deg')
  }) : createElement(Icon, {
    icon: swatch
  });
}
export default DuotoneSwatch;
//# sourceMappingURL=duotone-swatch.js.map