/** @jsxRuntime classic */
/** @jsx jsx */
import { jsx } from "@front10/base-elements";

export function CenterOverlay(props: React.PropsWithChildren<{}>) {
  return (
    <div
      className="fr-icon-type-post"
      sx={{
        position: "absolute",
        zIndex: 1,
        top: "50%",
        left: "50%",
        transform: "translateX(-50%) translateY(-50%)",
      }}
    >
      {props.children}
    </div>
  );
}