{
  "$schema": "https://json.schemastore.org/block.json",
  "apiVersion": 3,
  "name": "gutenify/notice-bar",
  "category": "gutenify",
  "title": "Notice Bar",
  "description": "The Notice Bar block allows you to display customizable notifications.",
  "version": "2",
  "attributes": {
    "statusType": {
      "type": "string",
      "default": ""
    },
    "showCloseBtn": {
      "type": "boolean",
      "default": true
    },
    "closeIcon": {
      "type": "string"
    },
    "closeSize": {
      "type": "string",
      "default": "14px"
    },
    "closeBorderRadius": {
      "type": "string",
      "default": "18px"
    },
    "closeColor": {
      "type": "string",
      "default": "#ff0101"
    },
    "closeBackground": {
      "type": "string",
      "default": ""
    },
    "closeBorderColor": {
      "default": "#ffbaba",
      "type": "string"
    },
    "closeBorderWidth": {
      "type": "string",
      "default": "0px"
    },
    "closeBtnAlignment": {
      "type": "string",
      "default": "top right"
    },
    "margin": {
      "type": "object",
      "default": {
        "top": "8px",
        "right": "8px",
        "left": "8px",
        "bottom": "8px"
      }
    },
    "style": {
      "type": "object",
      "default": {
        "color": {
          "text": "",
          "background": ""
        },
        "elements": {}
      }
    },
    "enableCookie": {
      "type": "boolean",
      "default": false
    },
    "cookieTime": {
      "type": "string",
      "default": "0"
    }
  },
  "example": {
    "attributes": {
      "content": "Notice Bar"
    }
  },
  "supports": {
    "inserter": true,
    "align": [
      "wide",
      "full",
      "center"
    ],
    "color": {
      "gradients": false,
      "__experimentalBorder": true,
      "button": true
    },
    "spacing": {
      "margin": true,
      "padding": true,
      "blockGap": true
    },
    "typography": {
      "__experimentalFontFamily": true,
      "fontSize": true,
      "lineHeight": true
    },
    "shadow": true,
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    }
  },
  "style": [
    "file:./style-index.css"
  ],
  "editorScript": "file:./index.js",
  "viewScript": "file:./view-script.js"
}