import React from "react";
import PropTypes from "prop-types";
import { makeStyles } from "@mui/styles";
const useStyles = makeStyles(theme => {
  return {
    partner: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      margin: "8px 0"
    },
    partnerColor: {
      flexShrink: 0,
      width: props => props.iconSize || 15,
      height: props => props.iconSize || 15,
      border: "1px solid ".concat(theme.colors.lighterGray)
    }
  };
});
function TarifverbundPartner(_ref) {
  let {
    color = null,
    label,
    iconSize = 15,
    style = null,
    children = null
  } = _ref;
  const classes = useStyles({
    iconSize
  });
  return /*#__PURE__*/React.createElement("div", {
    className: classes.partner,
    "data-testid": "tarifverbund-partner-".concat(label)
  }, /*#__PURE__*/React.createElement("div", {
    className: classes.partnerColor,
    style: style || {
      backgroundColor: color || "black"
    },
    "data-testid": "tarifverbund-partner-".concat(label, "-color")
  }), children || label);
}
TarifverbundPartner.propTypes = {
  color: PropTypes.string,
  label: PropTypes.string.isRequired,
  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
  style: PropTypes.shape(),
  iconSize: PropTypes.number
};
export default TarifverbundPartner;
//# sourceMappingURL=TarifverbundPartner.js.map