/* eslint-disable @next/next/no-img-element */ import React from "react"; import cls from "./v1.module.scss"; import { Skeleton } from "@mui/material"; import { Banner } from "interfaces"; import Link from "next/link"; import ArrowLeftSLineIcon from "remixicon-react/ArrowLeftSLineIcon"; import { useTranslation } from "react-i18next"; import ArrowRightSLineIcon from "remixicon-react/ArrowRightSLineIcon"; import { useTheme } from "contexts/theme/theme.context"; type Props = { data?: Banner[]; loading: boolean; }; export default function AdList({ data, loading }: Props) { const { t } = useTranslation(); const { direction } = useTheme(); return (

{t("new.items.with.discount")}

{t("see.all")} {direction === "rtl" ? ( ) : ( )}
{loading ? Array.from(Array(3).keys()).map((item) => ( )) : data?.map((item) => (
banner
))}
); }