import Image from "next/image"; import { useTheme } from "next-themes"; // assets import DarkImage1 from "public/empty-state/dashboard/dark/recent-collaborators-1.svg"; import DarkImage2 from "public/empty-state/dashboard/dark/recent-collaborators-2.svg"; import DarkImage3 from "public/empty-state/dashboard/dark/recent-collaborators-3.svg"; import LightImage1 from "public/empty-state/dashboard/light/recent-collaborators-1.svg"; import LightImage2 from "public/empty-state/dashboard/light/recent-collaborators-2.svg"; import LightImage3 from "public/empty-state/dashboard/light/recent-collaborators-3.svg"; export const RecentCollaboratorsEmptyState = () => { // next-themes const { resolvedTheme } = useTheme(); const image1 = resolvedTheme === "dark" ? DarkImage1 : LightImage1; const image2 = resolvedTheme === "dark" ? DarkImage2 : LightImage2; const image3 = resolvedTheme === "dark" ? DarkImage3 : LightImage3; return (
Compare your activities with the top
seven in your project.