import React from "react";
import ProfilePhoto from "./ProfilePhoto/ProfilePhoto";
import ProfilePhotoV2 from "./ProfilePhotoV2/ProfilePhotoV2";
import ProfileDisplayName from "./Custom/ProfileDisplayName";
import { FLAGS, IfFeature } from "@komi-app/flags-sdk";

const ProfileHeaderModule: React.FC = () => {
  return (
    <React.Fragment>
      <IfFeature
        feature={FLAGS.FEAT_SB_495_HEADER_ASPECT_RATIO}
        enabled={<ProfilePhotoV2 />}
        disabled={<ProfilePhoto />}
      />
      <ProfileDisplayName />
    </React.Fragment>
  );
};

export default ProfileHeaderModule;
