import{jsx as i}from"react/jsx-runtime";import{forwardRef as o,useRef as r}from"react";import s from"classnames";import t from"../../hooks/useMergeRefs.js";import e from"../Icon/Icon.js";import{ListItemIconMargin as n}from"./ListItemIconConstants.js";import"./ListItemIcon.scss.js";var c=o((function(o,c){var m=o.className,a=o.id,l=o.icon,f=o.margin,d=void 0===f?n.START:f,p=r(null),u=t({refs:[c,p]});return i("div",Object.assign({ref:u,className:s("list-item-icon",m,"list-item-icon--".concat(d)),id:a,"aria-hidden":"true"},{children:i(e,{icon:l,clickable:!1,ignoreFocusStyle:!0,iconSize:20})}))}));Object.assign(c,{margin:n});var m=c;export{m as default};
