import React from "react";
import styled from "styled-components";
import { SvgProps } from "../../../components/Svg";
import Flex from "../../../components/Box/Flex";
import Dropdown from "../../../components/Dropdown/Dropdown";
import Link from "../../../components/Link/Link";
import Text from "../../../components/Text/Text";
import * as IconModule from "../icons";
import { socials } from "../config";
import { LinkLabel } from "./MenuEntry";
import { SocialLink } from "../types";

const Icons = IconModule as unknown as { [key: string]: React.FC<SvgProps> };
interface Props {
  socialLink?: SocialLink[];
}

const Image = styled.img`
  width: 30px;
  height: 30px;
  border-radius: 50%;
`;

const SocialLinks: React.FC<Props> = ({ socialLink }) => {
  return <></>;
};

export default React.memo(SocialLinks, () => true);
