{"version":3,"file":"index.mjs","sources":[""],"sourcesContent":["import type { FC, ReactElement } from \"react\";\r\nimport type { ISection } from \"./config/types\";\r\nimport type { IComponentBaseProps } from \"../../types/components/index\";\r\nimport { useCN } from \"../../utils/react/useCN\";\r\nimport { Container } from \"../container\";\r\nimport \"./style.pcss\";\r\n\r\n/**\r\n * Компонент секции\r\n * @returns {ReactElement}\r\n */\r\nconst Section: FC<ISection & IComponentBaseProps> = ({\r\n  baseClass = \"section\",\r\n  id,\r\n  children = null,\r\n  slotHeader = null,\r\n  extraClasses = {},\r\n  extraAttrs = {},\r\n  slotFooter = null,\r\n}): ReactElement => {\r\n\r\n  const { getCN } = useCN(baseClass);\r\n\r\n  return (\r\n    <section id={id} className={getCN(\"\", extraClasses)} {...extraAttrs}>\r\n      <Container baseClass={`${getCN(\"wrap\")} container`}>\r\n        {!!slotHeader && <header className={getCN(\"header\")}>{slotHeader}</header>}\r\n        {!!children && <div className={getCN(\"content\")}>{children}</div>}\r\n        {!!slotFooter && <footer className={getCN(\"footer\")}>{slotFooter}</footer>}\r\n      </Container>\r\n    </section>\r\n  );\r\n\r\n};\r\n\r\nexport type { ISection };\r\nexport {\r\n  Section,\r\n};\r\n"],"names":["Section","baseClass","id","children","slotHeader","extraClasses","extraAttrs","slotFooter","getCN","useCN","_jsx","className","_jsxs","Container"],"mappings":"qIAWA,MAAMA,QAA8C,EAClDC,oBAAY,UACZC,MACAC,kBAAW,KACXC,sBAAa,KACbC,0BAAe,CAAA,EACfC,sBAAa,CAAA,EACbC,sBAAa,SAGb,MAAMC,MAAEA,OAAUC,MAAMR;AAExB,OACES,IAAA,UAAA,CAASR,GAAIA,GAAIS,UAAWH,MAAM,GAAIH,iBAAmBC,WAAUH,SACjES,KAACC,UAAS,CAACZ,UAAW,GAAGO,MAAM,oBAAoBL,SAAA,GAC9CC,YAAcM,IAAA,SAAA,CAAQC,UAAWH,MAAM,UAAUL,SAAEC,eACnDD,UAAYO,IAAA,MAAA,CAAKC,UAAWH,MAAM,WAAWL,SAAEA,aAC/CI,YAAcG,IAAA,SAAA,CAAQC,UAAWH,MAAM,UAAUL,SAAEI"}