"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var _default = function _default(theme) {
  return {
    component: _defineProperty({
      display: "flex",
      backgroundColor: "#232F3F",
      padding: [[50, 120]],
      minHeight: 170
    }, theme.breakpoints.down("sm"), {
      padding: [[50, 30]]
    }),
    block: _defineProperty({
      margin: [[20, 30]],
      display: "flex",
      flexDirection: "column"
    }, theme.breakpoints.down("md"), {
      alignItems: "center"
    }),
    title: {
      fontFamily: theme.typography.font.family2,
      margin: 10,
      marginBottom: 20,
      display: "flex",
      alignItems: "center",
      color: "#2CCFA0",
      fontSize: 18,
      "& i": {
        marginRight: 10
      }
    },
    items: _defineProperty({
      display: "flex",
      flexDirection: "column",
      marginLeft: 10
    }, theme.breakpoints.down("md"), {
      alignItems: "center"
    }),
    itemLink: {
      fontFamily: theme.typography.font.family2,
      marginBottom: 10,
      fontSize: 17,
      color: "#8492AA",
      textDecoration: "none"
    },
    socialIcons: {
      display: "flex",
      alignItems: "center"
    },
    socialIcon: {
      marginRight: 10,
      border: "2px solid #717F9A",
      minWidth: 40,
      height: 40,
      borderRadius: "50%",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      color: "white",
      cursor: "pointer",
      textDecoration: "none",
      "&:hover": {
        background: "linear-gradient(135deg, #2AC88F 0%, #29A9DB 49.19%, #6A2BB9 100%)"
      }
    }
  };
};

exports.default = _default;