"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9501],{69501:(e,a,n)=>{n.r(a),n.d(a,{LinkBlockHeaderColor:()=>h});var t=n(57505),r=n(98038),l=n(90321),c=n(16697),o=n(14731),s=n(87909),i=n(41037),d=n(10615),u=n(73850),g=n(50245);let h=({headerColor:e,readOnly:a,onColorChange:n})=>{let[h,k]=(0,g.useState)(!1);return(0,t.jsx)("div",{className:"group relative w-full p-4 pb-0",children:a?(0,t.jsx)("div",{className:(0,c.cn)("ab-link-block-header-color","flex justify-center items-center rounded-lg w-full h-32",(0,d.AH)({background:e||o.Xx}))}):(0,t.jsx)(l.A,{open:h,onOpenChange:k,className:"p-3 bg-white dark:bg-gray-800",content:(0,t.jsx)("div",{"data-cy":s.Z.sketchPicker,children:(0,t.jsx)(r.p,{hex:e,onChange:n})}),children:(0,t.jsx)("div",{onClick:()=>k(!0),className:(0,c.cn)("flex justify-center items-center rounded-lg w-full cursor-pointer relative h-32",(0,d.AH)({background:e||o.Xx})),"data-cy":s.Z.linkBlockChangeHeaderButton,children:(0,t.jsxs)("button",{"data-cy":i.a.getLinkGridManualChangeColorButton,type:"button",className:(0,c.cn)("inline-flex items-center justify-center","px-4 py-2 gap-2 rounded-lg","bg-white/70 backdrop-blur-[10px]","text-gray-700 dark:text-gray-100","font-semibold text-sm","hover:bg-white/80 transition-colors","dark:bg-gray-900/70 dark:hover:bg-gray-900/80"),children:[(0,t.jsx)(u.A,{"data-cy":i.a.getLinkGridManualChangeColorButtonIcon,size:16}),"Change Color"]})})})})}}}]);