() => {
      const [isOpen, setIsOpen] = React.useState(false);
      {/* By default the arrow is open, so applying gds-divider__arrow--collapse will rotate for close */}
      let classToggle = isOpen ? "gds-divider__arrow" : "gds-divider__arrow gds-divider__arrow--collapse";

      return (
        <div className="-p-a-3">
          {/* Line Only */}
          <div className="gds-divider">
            <span className="gds-divider__line"></span>
          </div>

          {/* Line with text */}
          <div className="gds-divider">
            <span className="gds-divider__label">Standard Divider</span>
            <span className="gds-divider__line"></span>
          </div>

          {/* Line with text and collapse arrow */}
          <div onClick={()=> setIsOpen(!isOpen)} className="gds-divider gds-divider--collapsible">
            <span className="gds-divider__label">
              Working Example Collapse Divider *Click Me*
            </span>
            <span className="gds-divider__line"></span>
            <span className={classToggle}></span>
          </div>

          {/* Line with text and collapse arrow positioned left */}
          <div className="gds-divider gds-divider--collapsible">
            <span className="gds-divider__label">Arrow Left</span>
            <span className="gds-divider__arrow -m-r-2"></span>
            <span className="gds-divider__line"></span>
          </div>

          {/* Line with right text and collapse arrow positioned right */}
          <div className="gds-divider gds-divider--collapsible gds-divider--reversed">
            <span className="gds-divider__label">Arrow Right</span>
            <span className="gds-divider__arrow -m-l-2"></span>
            <span className="gds-divider__line"></span>
          </div>

          {/* Line with center text and collapse arrow */}
          <div className="gds-divider gds-divider--collapsible gds-divider--centered">
            <span className="gds-divider__line"></span>
            <span className="gds-divider__label">Centered Divider</span>
            <span className="gds-divider__line"></span>
            <span className="gds-divider__arrow"></span>
          </div>
        </div>
      );
    }