@aplus-frontend/ui

Version:
40 lines (39 loc) • 864 B
JavaScript
import { genComponentStyleHook as r } from "../../../utils/cssinjs/index.mjs";
const c = (e) => {
  const { componentCls: o } = e, t = `${o}__del-icon`;
  return {
    [o]: {
      "&__default": {
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
        padding: e.space,
        gap: e.spaceXL,
        borderRadius: e.borderRadius,
        "&:hover": {
          backgroundColor: e.colorBg2,
          [t]: {
            opacity: 1
          }
        },
        [`${o}__default-content`]: {
          width: 0,
          flexGrow: 1
        }
      },
      [`${o}__del-icon`]: {
        fontSize: e.fontSizeLG,
        cursor: "pointer",
        opacity: 0,
        "&:hover": {
          color: e.colorError
        }
      }
    }
  };
}, n = r("ApSelectedItems", (e) => [
  c(e)
]);
export {
  n as default
};