{"version":3,"file":"GridItem.mjs","sources":[""],"sourcesContent":["import { useContext, createElement } from \"react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { IComponent } from \"../../../types\";\r\nimport type { TGridContext, IGrid } from \"../config/types\";\r\nimport { GridContext } from \"../context\";\r\n\r\n/**\r\n * Элемент сетки\r\n * @returns {ReactElement}\r\n */\r\nconst GridItem: IComponent<IGrid & { utilClasses?: string[]; }> = (props): ReactElement => {\r\n\r\n  const {\r\n    children,\r\n    extraClasses = {},\r\n    extraAttrs = {},\r\n    style = {},\r\n    align,\r\n    justify,\r\n    utilClasses = [],\r\n  } = (props || {});\r\n\r\n  const { tag, getCN } = useContext(GridContext) as TGridContext;\r\n\r\n  const tagName = (tag === \"ul\" || tag === \"ol\") ? \"li\" : \"div\";\r\n\r\n  const styles = {\r\n    \"--gridItemAlignSelf\": align,\r\n    \"--gridItemJustifySelf\": justify,\r\n    ...style,\r\n  };\r\n\r\n  return createElement(tagName, {\r\n    style: styles,\r\n    ...extraAttrs,\r\n    className: getCN(\"item\", extraClasses, utilClasses),\r\n  }, children);\r\n};\r\n\r\nexport {\r\n  GridItem,\r\n};\r\n"],"names":["GridItem","props","children","extraClasses","extraAttrs","style","align","justify","utilClasses","tag","getCN","useContext","GridContext","tagName","styles","createElement","className"],"mappings":";;;;GAUA,MAAMA,SAA6DC,QAEjE,MAAMC,SACJA,SAAQC,aACRA,aAAe,CAAA,EAAEC,WACjBA,WAAa,CAAA,EAAEC,MACfA,MAAQ,CAAA,EAAEC,MACVA,MAAKC,QACLA,QAAOC,YACPA,YAAc,IACXP,OAAS,CAAA,EAEd,MAAMQ,IAAEA,IAAGC,MAAEA,OAAUC,WAAWC,aAElC,MAAMC,QAAWJ,MAAQ,MAAQA,MAAQ,KAAQ,KAAO,MAExD,MAAMK,OAAS,CACb,sBAAuBR,MACvB,wBAAyBC,WACtBF;AAGL,OAAOU,cAAcF,QAAS,CAC5BR,MAAOS,UACJV,WACHY,UAAWN,MAAM,OAAQP,aAAcK,cACtCN"}