{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "timed-event-block/countdown",
  "title": "Event Countdown",
  "category": "widgets",
  "icon": "clock",
  "description": "Displays a countdown to event start time from parent Timed Event block.",
  "textdomain": "timed-event-block",
  "ancestor": ["timed-event-block/timed-event"],
  "usesContext": ["timed-event-block/start", "timed-event-block/durationMinutes"],
  "attributes": {
    "targetMode": {
      "type": "string",
      "default": "to_start"
    },
    "showDays": {
      "type": "boolean",
      "default": true
    },
    "separator": {
      "type": "string",
      "default": ":"
    },
    "dayLabel": {
      "type": "string",
      "default": "d"
    },
    "dayLabelSingular": {
      "type": "string",
      "default": ""
    },
    "hourLabel": {
      "type": "string",
      "default": "h"
    },
    "hourLabelSingular": {
      "type": "string",
      "default": ""
    },
    "minuteLabel": {
      "type": "string",
      "default": "m"
    },
    "minuteLabelSingular": {
      "type": "string",
      "default": ""
    },
    "secondLabel": {
      "type": "string",
      "default": "s"
    },
    "secondLabelSingular": {
      "type": "string",
      "default": ""
    },
    "prefixLabel": {
      "type": "string",
      "default": ""
    },
    "suffixLabel": {
      "type": "string",
      "default": ""
    },
    "activeLabel": {
      "type": "string",
      "default": "Active"
    },
    "endedLabel": {
      "type": "string",
      "default": "Ended"
    },
    "activeColor": {
      "type": "string",
      "default": "#166534"
    },
    "endedColor": {
      "type": "string",
      "default": "#991b1b"
    }
  },
  "supports": {
    "html": false,
    "spacing": {
      "margin": true,
      "padding": true
    },
    "color": {
      "text": true,
      "background": true,
      "gradients": true,
      "link": true
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "textAlign": true
    },
    "border": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    },
    "dimensions": {
      "minHeight": true
    }
  },
  "editorScript": "file:./index.js",
  "viewScript": "file:./view.js",
  "render": "file:./render.php"
}