import styles from "./Logo.module.css";
import SurfLogo from "../../assets/surf.svg?react";
import SetkaLogo from "../../assets/setka.svg?react";
import Divider from "../../assets/divider.svg?react";
import DividerD from "../../assets/divider-d.svg?react";
import SurfLogoD from "../../assets/surf-d.svg?react";
import SetkaLogoD from "../../assets/setka-d.svg?react";
export const Logo = ({ isDark }) => {
	return !isDark ? (
		<div className={`${styles.wrapper}`}>
			<a href='https://www.surfcoffee.ru' target='_blank'>
				<SurfLogo />
			</a>
			<Divider />
			<a href='https://setka.onelink.me/tQlI/k82d3mhf' target='_blank'>
				<SetkaLogo />
			</a>
		</div>
	) : (
		<div className={`${styles.wrapper} ${styles.dark}`}>
			<a href='https://www.surfcoffee.ru' target='_blank'>
				<SurfLogoD />
			</a>
			<DividerD />
			<a href='https://setka.onelink.me/tQlI/k82d3mhf' target='_blank'>
				<SetkaLogoD />
			</a>
		</div>
	);
};
