waveterm/frontend/app/element/magnify.tsx

import clsx from "clsx";
import MagnifySVG from "../asset/magnify.svg";
import "./magnify.less";

interface MagnifyIconProps {
    enabled: boolean;
}

export function MagnifyIcon({ enabled }: MagnifyIconProps) {
    return (
        <div className={clsx("magnify-icon", { enabled })}>
            <MagnifySVG />
        </div>
    );
}