[
  {
    "tags": {},
    "description": "Navigation is a component that displays the current page and the total number of pages.\nIt also displays the previous and next page buttons.",
    "methods": [],
    "displayName": "Navigation",
    "props": {
      "PaginationProps": {
        "onCurrentPageOptionChange": {
          "name": "onCurrentPageOptionChange",
          "defaultValue": null,
          "description": "onChange prop passed to the Select component that controls the current page index.",
          "required": false,
          "type": {
            "name": "SelectOnChange<string>"
          },
          "tags": {}
        },
        "currentPage": {
          "name": "currentPage",
          "defaultValue": {
            "value": 1
          },
          "description": "Current index of page shown (starting from 1)",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "numTotalItems": {
          "name": "numTotalItems",
          "defaultValue": null,
          "description": "Total number of records.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "itemsPerPage": {
          "name": "itemsPerPage",
          "defaultValue": {
            "value": "DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T"
          },
          "description": "Number of items visible on the current page.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "shouldDisableBackArrow": {
          "name": "shouldDisableBackArrow",
          "defaultValue": null,
          "description": "Disables the back arrow button. Back arrow button is only disabled on the first page by default",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {}
        },
        "shouldDisableForwardArrow": {
          "name": "shouldDisableForwardArrow",
          "defaultValue": null,
          "description": "Disables the forward arrow button. Forward arrow button is only disabled on the last page by default",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {}
        },
        "onBackArrowClick": {
          "name": "onBackArrowClick",
          "defaultValue": null,
          "description": "Function called when the back arrow icon is clicked",
          "required": true,
          "type": {
            "name": "MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>"
          },
          "tags": {}
        },
        "onForwardArrowClick": {
          "name": "onForwardArrowClick",
          "defaultValue": null,
          "description": "Function called when the forward arrow icon is clicked",
          "required": true,
          "type": {
            "name": "MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>"
          },
          "tags": {}
        }
      },
      "HTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "LgIdProps": {
        "data-lgid": {
          "name": "data-lgid",
          "defaultValue": null,
          "description": "LG test id passed to the component wrapper.",
          "required": false,
          "type": {
            "name": "`lg-${string}`"
          },
          "tags": {}
        },
        "data-testid": {
          "name": "data-testid",
          "defaultValue": null,
          "description": "An additional test id passed to the component wrapper, meant for use by consumers of the library.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      }
    }
  },
  {
    "tags": {},
    "description": "PageSize is a component that displays the number of items per page.",
    "methods": [],
    "displayName": "PageSize",
    "props": {
      "PaginationProps": {
        "itemsPerPage": {
          "name": "itemsPerPage",
          "defaultValue": {
            "value": "DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T"
          },
          "description": "Number of items visible on the current page.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "itemsPerPageOptions": {
          "name": "itemsPerPageOptions",
          "defaultValue": {
            "value": "DEFAULT_ITEMS_PER_PAGE_OPTIONS as Array<T>"
          },
          "description": "Options to be shown in the Select to indicate items per page.",
          "required": false,
          "type": {
            "name": "T[]"
          },
          "tags": {}
        },
        "onItemsPerPageOptionChange": {
          "name": "onItemsPerPageOptionChange",
          "defaultValue": null,
          "description": "onChange prop passed to the Select component that controls the items per page.",
          "required": false,
          "type": {
            "name": "SelectOnChange<string>"
          },
          "tags": {}
        }
      },
      "HTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "LgIdProps": {
        "data-lgid": {
          "name": "data-lgid",
          "defaultValue": null,
          "description": "LG test id passed to the component wrapper.",
          "required": false,
          "type": {
            "name": "`lg-${string}`"
          },
          "tags": {}
        },
        "data-testid": {
          "name": "data-testid",
          "defaultValue": null,
          "description": "An additional test id passed to the component wrapper, meant for use by consumers of the library.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      }
    }
  },
  {
    "tags": {},
    "description": "Summary is a component that displays the current range of items.",
    "methods": [],
    "displayName": "Summary",
    "props": {
      "PaginationProps": {
        "currentPage": {
          "name": "currentPage",
          "defaultValue": {
            "value": 1
          },
          "description": "Current index of page shown (starting from 1)",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "numTotalItems": {
          "name": "numTotalItems",
          "defaultValue": null,
          "description": "Total number of records.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "itemsPerPage": {
          "name": "itemsPerPage",
          "defaultValue": {
            "value": "DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T"
          },
          "description": "Number of items visible on the current page.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        }
      },
      "HTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "LgIdProps": {
        "data-lgid": {
          "name": "data-lgid",
          "defaultValue": null,
          "description": "LG test id passed to the component wrapper.",
          "required": false,
          "type": {
            "name": "`lg-${string}`"
          },
          "tags": {}
        },
        "data-testid": {
          "name": "data-testid",
          "defaultValue": null,
          "description": "An additional test id passed to the component wrapper, meant for use by consumers of the library.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      }
    }
  },
  {
    "tags": {},
    "description": "Pagination enables the segmentation of extensive content into smaller portions distributed across various pages. Implement a Pagination component when dealing with an abundance of results to prevent overwhelming users with excessive information on a single page.",
    "methods": [],
    "displayName": "Pagination",
    "props": {
      "PaginationProps": {
        "itemsPerPage": {
          "name": "itemsPerPage",
          "defaultValue": {
            "value": "DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T"
          },
          "description": "Number of items visible on the current page.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "itemsPerPageOptions": {
          "name": "itemsPerPageOptions",
          "defaultValue": {
            "value": "DEFAULT_ITEMS_PER_PAGE_OPTIONS as Array<T>"
          },
          "description": "Options to be shown in the Select to indicate items per page.",
          "required": false,
          "type": {
            "name": "T[]"
          },
          "tags": {}
        },
        "onItemsPerPageOptionChange": {
          "name": "onItemsPerPageOptionChange",
          "defaultValue": null,
          "description": "onChange prop passed to the Select component that controls the items per page.",
          "required": false,
          "type": {
            "name": "SelectOnChange<string>"
          },
          "tags": {}
        },
        "currentPage": {
          "name": "currentPage",
          "defaultValue": {
            "value": 1
          },
          "description": "Current index of page shown (starting from 1)",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "onCurrentPageOptionChange": {
          "name": "onCurrentPageOptionChange",
          "defaultValue": null,
          "description": "onChange prop passed to the Select component that controls the current page index.",
          "required": false,
          "type": {
            "name": "SelectOnChange<string>"
          },
          "tags": {}
        },
        "numTotalItems": {
          "name": "numTotalItems",
          "defaultValue": null,
          "description": "Total number of records.",
          "required": false,
          "type": {
            "name": "number"
          },
          "tags": {}
        },
        "onBackArrowClick": {
          "name": "onBackArrowClick",
          "defaultValue": null,
          "description": "Function called when the back arrow icon is clicked",
          "required": true,
          "type": {
            "name": "MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>"
          },
          "tags": {}
        },
        "shouldDisableBackArrow": {
          "name": "shouldDisableBackArrow",
          "defaultValue": null,
          "description": "Disables the back arrow button. Back arrow button is only disabled on the first page by default",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {}
        },
        "onForwardArrowClick": {
          "name": "onForwardArrowClick",
          "defaultValue": null,
          "description": "Function called when the forward arrow icon is clicked",
          "required": true,
          "type": {
            "name": "MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>"
          },
          "tags": {}
        },
        "shouldDisableForwardArrow": {
          "name": "shouldDisableForwardArrow",
          "defaultValue": null,
          "description": "Disables the forward arrow button. Forward arrow button is only disabled on the last page by default",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {}
        }
      },
      "HTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "AriaAttributes": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes",
      "DOMAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "LgIdProps": {
        "data-lgid": {
          "name": "data-lgid",
          "defaultValue": null,
          "description": "LG test id passed to the component wrapper.",
          "required": false,
          "type": {
            "name": "`lg-${string}`"
          },
          "tags": {}
        },
        "data-testid": {
          "name": "data-testid",
          "defaultValue": null,
          "description": "An additional test id passed to the component wrapper, meant for use by consumers of the library.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      },
      "DarkModeProps": {
        "darkMode": {
          "name": "darkMode",
          "defaultValue": {
            "value": "false"
          },
          "description": "Renders the component with dark mode styles.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {
            "default": "false"
          }
        }
      }
    }
  }
]