Minimal react svg rect content holder

RectContentLoader.tsx

export interface RectContentLoaderProps {
  placeholderHeight: number;
}

const RectContentLoader = ({ placeholderHeight }: RectContentLoaderProps) => {
  return (
    <svg height={placeholderHeight}>
      <rect
        x="0"
        y="0"
        width="100%"
        height={placeholderHeight}
        fill="#f6f8fa"
      >
        <animate
          attributeName="opacity"
          values="0.5;1;0.5"
          dur="500ms"
          repeatCount="indefinite"
        />
      </rect>
    </svg>
  );
};

export default RectContentLoader;