+ {PRESET_COLORS.map((color) => (
+
{
+ setColorValue(color);
+ if (formRef.current) {
+ formRef.current.setValue('color', color);
+ }
+ }}
+ style={{
+ width: 28,
+ height: 28,
+ backgroundColor: color,
+ borderRadius: 4,
+ cursor: 'pointer',
+ border: colorValue === color ? `2px solid ${SELECTION_BORDER_COLOR}` : '1px solid #d9d9d9',
+ transition: 'transform 0.15s',
+ }}
+ onMouseEnter={(e) => {
+ e.currentTarget.style.transform = 'scale(1.1)';
+ }}
+ onMouseLeave={(e) => {
+ e.currentTarget.style.transform = 'scale(1)';
+ }}
+ />
+ ))}
+
+