function VideoController()

in src/components/BannerVideo/index.tsx [50:74]

• 25 lines of code
• 2 McCabe index (conditional complexity)

function VideoController({
  isPlaying,
  onClick,
}: {
  isPlaying: boolean;
  onClick: () => void;
}) {
  return (
    <div className="mask absolute inset-0 bg-black bg-opacity-10 backdrop-blur-[2px] opacity-0 hover:opacity-100 transition-all duration-500">
      <div
        className="play-icon-wrapper absolute-center w-20 h-20 text-black dark:text-white"
        onClick={onClick}
      >
        <div className="bg-white dark:bg-neutral-800 rounded-full cursor-pointer block flex-center w-20 h-20">
          {isPlaying ? (
            <VideoPauseIcon className="rounded-full w-10 h-10" />
          ) : (
            <VideoPlayIcon className="rounded-full w-10 h-10 ml-1" />
          )}
        </div>
        <div className="broder-pulse bg-white dark:bg-black"></div>
      </div>
    </div>
  );
}