import _defineProperty from "@babel/runtime/helpers/defineProperty";

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

import makeStyles from "../styles/makeStyles";

var styles = function styles(_ref) {
  var _ref$cleverUI = _ref.cleverUI,
      colors = _ref$cleverUI.colors,
      spaces = _ref$cleverUI.spaces,
      spacing = _ref$cleverUI.spacing,
      typography = _ref$cleverUI.typography;
  return {
    sameLine: {
      display: "inline-flex"
    },
    bottomSpace: _objectSpread({}, spacing["mb-3"]),
    alignBottom: {
      alignItems: "baseline"
    },
    alignCenter: {
      textAlign: "center"
    },
    branIcon: _objectSpread(_objectSpread({}, spacing["pr-2"]), {}, {
      height: "32px",
      width: "32px"
    }),
    progress: _objectSpread({}, spacing["mb-6"]),
    valueLabel: {
      top: "-20px",
      left: "-15px",
      boxShadow: "none",
      "& *": {
        fontSize: "10px",
        fontFamily: typography.f1,
        backgroundColor: "transparent"
      }
    },
    googleAds: {
      "& *": {
        color: colors.googleAds[500]
      }
    },
    facebookAds: {
      "& *": {
        color: colors.facebookAds[500]
      }
    },
    twitterAds: {
      "& *": {
        color: colors.twitterAds[500]
      }
    },
    linkedinAds: {
      "& *": {
        color: colors.linkedinAds[500]
      }
    },
    instagramAds: {
      "& *": {
        color: colors.instagramAds[500]
      }
    },
    microsoftAds: {
      "& *": {
        color: colors.microsoftAds[500]
      }
    },
    thumb: {
      height: "12px",
      width: "12px",
      marginTop: "-5px",
      marginLeft: "-6px"
    },
    textField: {
      width: "85px",
      "& input": {
        padding: spaces.sm,
        height: "32px !important",
        fontSize: "12px",
        maxWidth: "100px"
      }
    },
    channelSlider: {
      display: "inline-flex",
      alignItems: "center",
      margin: "".concat(spaces.md, " 0"),
      width: "100%"
    },
    sliderWrapper: _objectSpread(_objectSpread({}, spacing["mx-4"]), {}, {
      display: "block",
      width: "100%",
      position: "relative"
    }),
    sliderInitialValue: {
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center",
      gap: "5px",
      width: "40px",
      height: "40px",
      transform: "translateX(-50%)",
      position: "absolute",
      bottom: "8px",
      opacity: "50%"
    },
    channelNameWrapper: {
      display: "flex",
      alignItems: "center",
      width: "100%",
      border: 0,
      background: "none",
      cursor: "pointer"
    },
    align: {
      alignItems: "center"
    },
    button: _objectSpread(_objectSpread({}, spacing["mt-5"]), {}, {
      textAlign: "center"
    }),
    arrow: {
      "& path": {
        fill: colors.neutral[800]
      },
      transform: "rotate(0deg)",
      transition: "transform .05s ease-in-out"
    },
    arrowPosition: {
      transform: "rotate(90deg)"
    },
    sliderInfoWrapper: {
      display: "flex",
      alignItems: "center"
    },
    multiCampaignsTitle: {
      marginTop: spaces.sm,
      marginBottom: spaces.md
    }
  };
};

export default makeStyles(styles);