/* global React */
/*
  DCHeroLoop — uses the user's MP4 logo animation directly.
*/

function DCBrandLoop() {
  return (
    <div className="dc-hero-loop" style={{ background: "#f4f4f1" }}>
      <video
        src="assets/dc-reference.mp4"
        autoPlay
        loop
        muted
        playsInline
        preload="auto"
        style={{
          width: "100%",
          height: "100%",
          objectFit: "contain",
          display: "block",
          background: "#f4f4f1"
        }}
      />
    </div>
  );
}

window.DCHeroLoop = DCBrandLoop;