test-component.js

import React from "react";

const inEffect = `
    @keyframes react-fade-in {
      0%   { opacity: 0.2; transform: translateX(100%); }
      50%  { opacity: 0.2; transform: translateX(50%); }
      100% { opacity: 1; transform: translateX(0%); }
    }
  `;

function KeyFrames() {
  return React.createElement("style", {}, inEffect);
}

function Box() {
  return React.createElement(
    "div",
    {
      style: {
        background: "#005CFA",
        color: "white",
        borderRadius: "8px",
        width: "100px",
        height: "100px",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        animation: "2s ease-in infinite react-fade-in"
      }
    },
    "Box"
  );
}

export function TestComponent() {
  return React.createElement("div", {}, [KeyFrames(), Box()]);
}