{"version":3,"sources":["webpack:///./src/components/helpers/Grid/index.tsx","webpack:///./src/components/Faqs/index.tsx"],"names":["Container","children","className","overflowHidden","Column","sm","md","lg","xl","render","this","props","isFlush","container","title","intro","themeColor","faqs","containerTheme","isTitleFloating","panels"],"mappings":"moBAsBaA,EAAY,SAAC,G,IACxBC,EAAQ,WACRC,EAAS,YACT,IAAAC,sBAAc,IAAG,GAAK,EACF,OACpB,uBAAKD,UAAW,cAAaC,GAAkB,8BAA4B,IAAID,GAC5ED,IAICG,EAAS,SAAC,G,IACd,IAAAC,UAAE,IAAG,IAAC,EACN,IAAAC,UAAE,IAAG,IAAC,EACN,IAAAC,UAAE,IAAG,KAAE,EACPC,EAAE,KACFN,EAAS,YACTD,EAAQ,WACS,OACjB,uBAAKC,UAAW,iBAAiBG,EAAE,WAAWC,EAAE,WAAWC,EAAE,KAAIC,GAAM,UAAUA,GAAI,IAAIN,GACtFD,IAIL,2B,+CAiBA,OAjB0B,OAKxB,YAAAQ,OAAA,WACQ,MAIFC,KAAKC,MAHPV,EAAQ,WACRW,EAAO,UACPV,EAAS,YAEX,OACE,uBAAKA,UAAW,SAAQU,GAAW,eAAa,IAAIV,GACjDD,IAZA,EAAAY,UAAYb,EAEZ,EAAAI,OAASA,EAclB,EAjBA,CAA0B,c,iCC7C1B,yCAmCe,UA7BF,SAAC,G,IACZU,EAAK,QACLC,EAAK,QACLC,EAAU,aACVC,EAAI,OACW,OACf,2BAASf,UAAW,cAAcc,GAChC,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAMd,UAAU,mBACbY,GACC,gBAAC,IAAKV,OAAN,CAAaC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,IACpC,gBAAC,IAAD,CACEM,MAAOA,EACPC,MAAOA,EACPG,eAAgBF,EAChBG,iBAAe,KAIpBF,GACC,gBAAC,IAAKb,OAAN,CAAaF,UAAU,kBAAkBG,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,IAChE,gBAAC,IAAD,CAAWY,OAAQH,EAAMD,WAAYA","file":"habitat.47.component.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface ContainerProps {\r\n  className?: string;\r\n  children: JSX.Element | JSX.Element[];\r\n  overflowHidden?: boolean;\r\n}\r\n\r\ninterface ColumnProps {\r\n  sm?: number;\r\n  md?: number;\r\n  lg?: number;\r\n  xl?: number;\r\n  className?: string;\r\n  children: React.ReactNode;\r\n}\r\n\r\ninterface GridProps {\r\n  isFlush?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Container = ({\r\n  children,\r\n  className,\r\n  overflowHidden = false,\r\n}: ContainerProps) => (\r\n  <div className={`container ${overflowHidden && 'container--overflow-hidden'} ${className}`}>\r\n    {children}\r\n  </div>\r\n);\r\n\r\nconst Column = ({\r\n  sm = 6,\r\n  md = 6,\r\n  lg = 12,\r\n  xl,\r\n  className,\r\n  children,\r\n}: ColumnProps) => (\r\n  <div className={`column col-sm-${sm} col-md-${md} col-lg-${lg} ${xl && `col-xl-${xl}`} ${className}`}>\r\n    {children}\r\n  </div>\r\n);\r\n\r\nexport class Grid extends React.Component<GridProps> {\r\n  static container = Container;\r\n\r\n  static Column = Column;\r\n\r\n  render() {\r\n    const {\r\n      children,\r\n      isFlush,\r\n      className,\r\n    } = this.props;\r\n    return (\r\n      <div className={`grid ${isFlush && 'grid--flush'} ${className}`}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import * as React from 'react';\r\nimport { Accordion, Content } from '../common';\r\nimport { Grid, Container } from '../helpers/Grid';\r\nimport FaqsProps from './type';\r\nimport './styles.scss';\r\n\r\nconst Faqs = ({\r\n  title,\r\n  intro,\r\n  themeColor,\r\n  faqs,\r\n}: FaqsProps) => (\r\n  <section className={`faqs faqs--${themeColor}`}>\r\n    <Container>\r\n      <Grid className=\"faqs__container\">\r\n        {title && (\r\n          <Grid.Column sm={6} md={8} lg={8} xl={10}>\r\n            <Content\r\n              title={title}\r\n              intro={intro}\r\n              containerTheme={themeColor}\r\n              isTitleFloating\r\n            />\r\n          </Grid.Column>\r\n        )}\r\n        {faqs && (\r\n          <Grid.Column className=\"faqs__accordion\" sm={6} md={8} lg={8} xl={10}>\r\n            <Accordion panels={faqs} themeColor={themeColor} />\r\n          </Grid.Column>\r\n        )}\r\n      </Grid>\r\n    </Container>\r\n  </section>\r\n);\r\n\r\nexport default Faqs;\r\n"],"sourceRoot":""}