import _extends from "@babel/runtime/helpers/esm/extends";
import './token';
import { genBorderlessStyle, genFilledStyle, genOutlinedStyle, genUnderlinedStyle } from '../../input/style/variants';
const genVariantsStyle = token => {
  const {
    componentCls,
    lineWidth,
    colorFillSecondary
  } = token;
  return {
    [componentCls]: [_extends(_extends(_extends(_extends({}, genOutlinedStyle(token)), genUnderlinedStyle(token)), genFilledStyle(token)), genBorderlessStyle(token)),
    // ========================= Multiple =========================
    {
      '&-outlined': {
        [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
          background: colorFillSecondary,
          border: `${lineWidth}px ${token.lineType} transparent`
        }
      },
      '&-filled': {
        [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
          background: token.colorBgContainer,
          border: `${lineWidth}px ${token.lineType} ${token.colorSplit}`
        }
      },
      '&-borderless': {
        [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
          background: colorFillSecondary,
          border: `${lineWidth}px ${token.lineType} transparent`
        }
      },
      '&-underlined': {
        [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
          background: colorFillSecondary,
          border: `${lineWidth}px ${token.lineType} transparent`
        }
      }
    }]
  };
};
export default genVariantsStyle;