{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "b-blocks/faq-blocks",
  "version": "1.0.2",
  "title": "FAQ Section",
  "category": "bPlugins",
  "description": "Address common questions to enhance user understanding.",
  "keywords": [
    "Faq",
    "faqs",
    "FAQS",
    "f",
    "fa",
    "collapsible",
    "accessibility"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": "full"
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "styles": {
      "type": "object",
      "default": {
        "section": {
          "bg": {
            "type": "solid",
            "color": "#F8F9FA",
            "gradient": "linear-gradient(135deg,rgb(34,23,23) 0%,rgb(13,13,15) 100%)"
          },
          "padding": {
            "desktop": {
              "top": "50px",
              "right": "50px",
              "bottom": "50px",
              "left": "50px"
            },
            "tablet": {
              "top": "50px",
              "right": "50px",
              "bottom": "50px",
              "left": "50px"
            },
            "mobile": {
              "top": "30px",
              "right": "30px",
              "bottom": "30px",
              "left": "30px"
            }
          },
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "radius": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        },
        "width": {
          "desktop": "1350px",
          "tablet": "768px",
          "mobile": "500px"
        },
        "gap": {
          "desktop": "20px",
          "tablet": "20px",
          "mobile": "20px"
        },
        "bg": {
          "type": "solid",
          "color": "#F8F9FA",
          "gradient": "linear-gradient(135deg,rgb(34,23,23) 0%,rgb(13,13,15) 100%)"
        },
        "padding": {
          "desktop": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "tablet": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "mobile": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        },
        "margin": {
          "desktop": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "tablet": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "mobile": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        },
        "radius": {
          "top": "0px",
          "right": "0px",
          "bottom": "0px",
          "left": "0px"
        },
        "question": {
          "typho": {
            "fontFamily": "Archivo",
            "fontCategory": "sans-serif",
            "fontWeight": 600,
            "fontVariant": "400",
            "isUploadFont": true,
            "fontSize": {
              "desktop": 16,
              "tablet": 16,
              "mobile": 14
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "none",
            "lineHeight": "1.5",
            "letterSpace": "0px"
          },
          "colors": {
            "color": "#192534",
            "bgType": "solid",
            "bg": ""
          },
          "padding": {
            "top": "5px",
            "right": "14px",
            "bottom": "5px",
            "left": "14px"
          },
          "gap": "0px",
          "active": {
            "color": "#451CB3",
            "bgType": "solid",
            "bg": "#E8DFFF",
            "gradient": ""
          }
        },
        "answer": {
          "colors": {
            "color": "#616A72",
            "bgType": "solid",
            "bg": ""
          },
          "typho": {
            "fontFamily": "Archivo",
            "fontCategory": "sans-serif",
            "fontWeight": 400,
            "fontVariant": "400",
            "isUploadFont": true,
            "fontSize": {
              "desktop": 16,
              "tablet": 16,
              "mobile": 14
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "none",
            "lineHeight": "1.5",
            "letterSpace": "0px"
          },
          "padding": {
            "top": "5px",
            "right": "5px",
            "bottom": "5px",
            "left": "5px"
          },
          "radius": {
            "top": "10px",
            "right": "10px",
            "bottom": "10px",
            "left": "10px"
          }
        },
        "title": {
          "color": "#192534",
          "highlightColor": {
            "type": "gradient",
            "color": "#c7f32f",
            "gradient": "linear-gradient(white 30%, #c7f32f 65%)"
          },
          "typho": {
            "fontFamily": "Archivo",
            "fontCategory": "sans-serif",
            "fontWeight": 700,
            "fontVariant": "400",
            "isUploadFont": true,
            "fontSize": {
              "desktop": 48,
              "tablet": 32,
              "mobile": 25
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "none",
            "lineHeight": "135%",
            "letterSpace": "0px"
          }
        },
        "description": {
          "typho": {
            "fontFamily": "Archivo",
            "fontCategory": "sans-serif",
            "fontWeight": 400,
            "fontVariant": "400",
            "isUploadFont": true,
            "fontSize": {
              "desktop": 17,
              "tablet": 16,
              "mobile": 17
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "none",
            "lineHeight": "135%",
            "letterSpace": "0px"
          },
          "color": "rgba(252, 252, 253, 0.7)"
        },
        "card": {
          "bg": "#FFFFFF",
          "padding": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          },
          "radius": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          },
          "shadow": [
            {
              "hOffset": "0px",
              "vOffset": "10px",
              "blur": "15px",
              "spreed": "-3px",
              "color": "rgba(0, 0, 0, 0.1)",
              "isInset": false
            },
            {
              "hOffset": "0px",
              "vOffset": "4px",
              "blur": "6px",
              "spreed": "-4px",
              "color": "rgba(0, 0, 0, 0.1)",
              "isInset": false
            }
          ],
          "title": {
            "color": "#192534",
            "typo": {
              "fontFamily": "Archivo",
              "fontCategory": "sans-serif",
              "fontWeight": 600,
              "fontVariant": "400",
              "isUploadFont": true,
              "fontSize": {
                "desktop": 28,
                "tablet": 28,
                "mobile": 28
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "135%",
              "letterSpace": "0px"
            }
          }
        },
        "button": {
          "colors": {
            "color": "#FFFFFF",
            "bgType": "solid",
            "bg": "#6328FF"
          },
          "padding": {
            "top": "4px",
            "right": "8px",
            "bottom": "4px",
            "left": "8px"
          },
          "radius": {
            "top": "4px",
            "right": "4px",
            "bottom": "4px",
            "left": "4px"
          },
          "typho": {
            "fontFamily": "Archivo",
            "fontCategory": "sans-serif",
            "fontWeight": 500,
            "fontVariant": "400",
            "isUploadFont": true,
            "fontSize": {
              "desktop": 12,
              "tablet": 12,
              "mobile": 12
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "none",
            "lineHeight": "135%",
            "letterSpace": "0px"
          }
        }
      }
    },
    "faqs": {
      "type": "object",
      "default": {
        "title": "Have Any Question",
        "buttonText": "FAQ",
        "description": "",
        "buttonIcon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"white\" fill-rule=\"evenodd\" d=\"M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z\" clip-rule=\"evenodd\"></path></svg>",
        "buttonLink": "#",
        "faqItems": {
          "general": [
            {
              "question": "Does BTCPayServer cost extra?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "Does my Voltage Lightning Node connect to BTC Server automatically?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "Can I accept payments on chain?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "What is BTC Pay Server?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "How to did handle my data",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "How doesit generate responses",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            }
          ],
          "generalTwo": [
            {
              "question": "Does my Voltage Lightning Node connect to BTC Server?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "Can I accept payments on chain?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "What is BTC Pay Server?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            }
          ],
          "support": [
            {
              "question": "Does my Voltage Lightning Node connect to BTC Server?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "Can I accept payments on chain?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            },
            {
              "question": "What is BTC Pay Server?",
              "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
            }
          ],
          "titleOne": "General FAQ",
          "titleTwo": "General FAQ",
          "titleThree": "Support"
        }
      }
    },
    "faqItems": {
      "type": "array",
      "default": [
        {
          "question": "Does BTCPayServer cost extra?",
          "answer": "No, BTCPayServer is completely free and open-source software."
        },
        {
          "question": "Does my Voltage Lightning Node connect to BTC Server automatically?",
          "answer": "Yes. After you deploy your Lightning Node, you can click the BTCPayServer icon on the node dashboard to easily start your BTCPayServer which connects to your node automatically."
        },
        {
          "question": "Can I accept payments on chain?",
          "answer": "Yes, you can accept both on-chain and Lightning payments through the platform."
        }
      ]
    },
    "options": {
      "type": "object",
      "default": {
        "selectedTheme": "theme1",
        "icon": "<svg  stroke-width=\"0\" viewBox=\"0 0 512 512\" height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z\"></path></svg>",
        "isLinkTarget": true,
        "isShowButton": true,
        "contentAlignment": "center"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}