antd
Version:
An enterprise-class UI design language and React components implementation
28 lines (27 loc) • 609 B
JavaScript
"use client";
import React from 'react';
import clsx from 'clsx';
import { generateColor } from '../util';
const ColorClear = ({
prefixCls,
value,
onChange,
className,
style
}) => {
const onClick = () => {
if (onChange && value && !value.cleared) {
const hsba = value.toHsb();
hsba.a = 0;
const genColor = generateColor(hsba);
genColor.cleared = true;
onChange(genColor);
}
};
return /*#__PURE__*/React.createElement("div", {
className: clsx(`${prefixCls}-clear`, className),
style: style,
onClick: onClick
});
};
export default ColorClear;