AniX/app/components/ReleaseLink/ReleaseLink.tsx

import { ReleaseLink169 } from "./ReleaseLink.16_9FullImage";
import { ReleaseLink169Poster } from "./ReleaseLink.16_9Poster";
import { ReleaseLinkPoster } from "./ReleaseLink.Poster";

export const ReleaseLink = (props: {type?: "16_9"|"poster"}) => {
  const type = props.type || "16_9";

  if (type == "16_9") {
    return (
      <>
        <div className="hidden lg:block"><ReleaseLink169 {...props} /></div>
        <div className="block lg:hidden"><ReleaseLink169Poster {...props} /></div>
      </>
    )
  }
  if (type == "poster") {
    return <ReleaseLinkPoster {...props} />;
  }
};