import styled from "styled-components";
export const ItemWrapper = styled.div(({ type, isActive, isLast, isNext, zIndex, disabled, tabsTheme }) => {
    const controlTheme = tabsTheme.tabs.controlTheme;
    const controlFlatTheme = tabsTheme.tabs.controlFlatTheme;
    return `
      cursor: ${!disabled ? "pointer" : "default"};

      margin-right: 12px;

      :last-of-type {
        margin-right: 0;
      }

      /* TODO: SHOULD BE DEPRECATED */
      ${type === "cards"
        ? `
          background: ${isActive ? "#FFFFFF" : "#F9FCFF"};
          border-top-left-radius: 16px;
          border-top-right-radius: 16px;
          box-shadow: 0px 4px 22px rgba(150, 177, 205, 0.3);

          display: flex;
          align-items: center;
          justify-content: center;
          min-width: 132px;
          padding: 21px 0;
          margin-right: 0;

          .ui-tabs__item {
            ${!isActive ? "color: #B3BDC7;" : ""}
          }

          ${typeof zIndex !== undefined ? `z-index: ${zIndex};` : ""}
      `
        : ""}

      ${type === "control"
        ? `
          margin-right: 0;
          padding: 14px 0;
          min-width: 106px;
          display: flex;
          align-items: center;
          justify-content: center;

          ${isActive
            ? `
            background: ${controlTheme.activeTabBackground};
            border: ${controlTheme.activeTabBorder};
            box-sizing: border-box;
          `
            : `
            background: ${controlTheme.defaultTabBackground};
            box-shadow: ${controlTheme.defaultTabBoxShadow};
            border: ${controlTheme.defaultTabBorder};
          `}

          .ui-tabs__item {
            color: ${isActive ?
            (controlTheme.activeTabTextColor) :
            disabled ?
                (controlTheme.disabledTabTextColor) :
                (controlTheme.defaultTabTextColor)};
          }
      `
        : ""}

      ${type === "control-flat" ? `
        display: table-cell;
        margin-right: 0;
        padding: 14px 0;
        min-width: 106px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: ${controlFlatTheme.defaultTabBorder};

        ${!isLast ? `
            border-right: none;
          ` : ""}

        ${isNext ? `
            border-left: none;
          ` : ""}

        ${isActive ? `
          border: ${controlFlatTheme.activeTabBorder};
        `
        : ""}

        .ui-tabs__item {
          color: ${isActive ?
        controlFlatTheme.activeTabTextColor :
        controlFlatTheme.defaultTabTextColor};
        }
      ` : ""}
  `;
});
//# sourceMappingURL=styled.js.map