import { FC, memo } from "react";

const PreviewUI: FC = () => {
    return (
        <svg
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M12.5402 14.7341H17.6607C17.9396 14.7341 18.1677 14.9623 18.1677 15.2411V16.686C18.1677 16.9649 17.9396 17.193 17.6607 17.193H12.5402C12.2613 17.193 12.0332 16.9649 12.0332 16.686V15.2411C12.0332 14.9623 12.2613 14.7341 12.5402 14.7341Z"
                fill="currentColor"
            />
            <path
                d="M6.50699 8.85312H17.6607C17.9395 8.85312 18.1677 9.08126 18.1677 9.3601V12.8076C18.1677 13.0865 17.9395 13.3146 17.6607 13.3146H6.50699C6.22814 13.3146 6 13.0865 6 12.8076V9.3601C6 9.08126 6.22814 8.85312 6.50699 8.85312Z"
                fill="currentColor"
            />
            <path
                d="M6.50699 5H11.6275C11.9064 5 12.1345 5.22814 12.1345 5.50699V6.9519C12.1345 7.23074 11.9064 7.45888 11.6275 7.45888H6.50699C6.22814 7.45888 6 7.23074 6 6.9519V5.50699C6 5.22814 6.22814 5 6.50699 5Z"
                fill="currentColor"
            />
        </svg>
    );
};

export default memo(PreviewUI);
