{"version":3,"sources":["webpack:///./src/components/SlideOverlay/styles.js","webpack:///./src/components/SlideOverlay/index.js","webpack:///./src/styles/pages/presencial.js","webpack:///./node_modules/@material-ui/icons/esm/Bookmark.js","webpack:///./node_modules/@material-ui/icons/esm/AttachMoney.js","webpack:///./node_modules/@material-ui/core/esm/Container/Container.js","webpack:///./src/components/PageTitle/index.js","webpack:///./src/components/CourseWrapper/styles.js","webpack:///./src/components/CourseWrapper/index.js","webpack:///./node_modules/@material-ui/icons/esm/CalendarToday.js","webpack:///./src/pages/curso-tecnico/ead.js"],"names":["Overlay","styled","Container","SlideOverlay","image","alt","children","style","marginTop","disableGutters","src","className","SectionTitle","h2","FilterButton","Button","SearchBar","div","d","props","ref","classes","_props$component","component","Component","_props$disableGutters","_props$fixed","fixed","_props$maxWidth","maxWidth","other","root","concat","String","theme","width","marginLeft","boxSizing","marginRight","paddingLeft","spacing","paddingRight","display","breakpoints","up","Object","keys","values","reduce","acc","breakpoint","value","maxWidthXs","Math","max","xs","maxWidthSm","sm","maxWidthMd","md","maxWidthLg","lg","maxWidthXl","xl","name","PageTitle","h1","Wrapper","Box","CourseBody","Link","SubscribeBtn","a","ReadBtn","CourseWrapper","to","link","graduation","duration","price","parcel","fontSize","href","subscribe","target","TecnicoEadPage","edges","data","allMarkdownRemark","useState","filteredCourses","query","setQuery","searchResults","setSearchResults","useEffect","posts","filter","node","frontmatter","toLowerCase","includes","normalize","polo","title","color","textAlign","lineHeight","wordSpacing","placeholder","onChange","e","padding","borderRadius","border","map","parcelas","fields","slug","key"],"mappings":"8IAGaA,EAAUC,YAAOC,KAAV,sEAAGD,CAAH,meCQLE,IAPM,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,IAAKC,EAAf,EAAeA,SAAf,OACnB,kBAACN,EAAD,CAASO,MAAO,CAAEC,UAAW,IAAMC,gBAAgB,GACjD,yBAAKC,IAAKN,EAAOC,IAAKA,IACtB,yBAAKM,UAAU,WAAWL,M,oCCP9B,kIAGaM,EAAeX,IAAOY,GAAV,+EAAGZ,CAAH,0GAQZa,EAAeb,YAAOc,KAAV,+EAAGd,CAAH,8FAQZe,EAAYf,IAAOgB,IAAV,4EAAGhB,CAAH,sS,oCCnBtB,4BAEe,gBAA4B,gBAAoB,OAAQ,CACrEiB,EAAG,gEACD,a,kCCJJ,4BAEe,gBAA4B,gBAAoB,OAAQ,CACrEA,EAAG,8VACD,gB,kCCJJ,kGAqEIhB,EAAyB,cAAiB,SAAmBiB,EAAOC,GACtE,IAAIC,EAAUF,EAAME,QAChBV,EAAYQ,EAAMR,UAClBW,EAAmBH,EAAMI,UACzBC,OAAiC,IAArBF,EAA8B,MAAQA,EAClDG,EAAwBN,EAAMV,eAC9BA,OAA2C,IAA1BgB,GAA2CA,EAC5DC,EAAeP,EAAMQ,MACrBA,OAAyB,IAAjBD,GAAkCA,EAC1CE,EAAkBT,EAAMU,SACxBA,OAA+B,IAApBD,EAA6B,KAAOA,EAC/CE,EAAQ,YAAyBX,EAAO,CAAC,UAAW,YAAa,YAAa,iBAAkB,QAAS,aAE7G,OAAoB,gBAAoBK,EAAW,YAAS,CAC1Db,UAAW,YAAKU,EAAQU,KAAMpB,EAAWgB,GAASN,EAAQM,MAAOlB,GAAkBY,EAAQZ,gBAA6B,IAAboB,GAAsBR,EAAQ,WAAWW,OAAO,YAAWC,OAAOJ,OAC7KT,IAAKA,GACJU,OAGU,iBAhFK,SAAgBI,GAClC,MAAO,CAELH,KAAM,YAAgB,CACpBI,MAAO,OACPC,WAAY,OACZC,UAAW,aACXC,YAAa,OACbC,YAAaL,EAAMM,QAAQ,GAC3BC,aAAcP,EAAMM,QAAQ,GAC5BE,QAAS,SACRR,EAAMS,YAAYC,GAAG,MAAO,CAC7BL,YAAaL,EAAMM,QAAQ,GAC3BC,aAAcP,EAAMM,QAAQ,KAI9B/B,eAAgB,CACd8B,YAAa,EACbE,aAAc,GAIhBd,MAAOkB,OAAOC,KAAKZ,EAAMS,YAAYI,QAAQC,QAAO,SAAUC,EAAKC,GACjE,IAAIC,EAAQjB,EAAMS,YAAYI,OAAOG,GAQrC,OANc,IAAVC,IACFF,EAAIf,EAAMS,YAAYC,GAAGM,IAAe,CACtCrB,SAAUsB,IAIPF,IACN,IAGHG,WAAY,YAAgB,GAAIlB,EAAMS,YAAYC,GAAG,MAAO,CAC1Df,SAAUwB,KAAKC,IAAIpB,EAAMS,YAAYI,OAAOQ,GAAI,OAIlDC,WAAY,YAAgB,GAAItB,EAAMS,YAAYC,GAAG,MAAO,CAC1Df,SAAUK,EAAMS,YAAYI,OAAOU,KAIrCC,WAAY,YAAgB,GAAIxB,EAAMS,YAAYC,GAAG,MAAO,CAC1Df,SAAUK,EAAMS,YAAYI,OAAOY,KAIrCC,WAAY,YAAgB,GAAI1B,EAAMS,YAAYC,GAAG,MAAO,CAC1Df,SAAUK,EAAMS,YAAYI,OAAOc,KAIrCC,WAAY,YAAgB,GAAI5B,EAAMS,YAAYC,GAAG,MAAO,CAC1Df,SAAUK,EAAMS,YAAYI,OAAOgB,QAuBP,CAChCC,KAAM,gBADO,CAEZ9D,I,kCC1FH,sCAEa+D,EAFb,UAEyBhE,EAAOiE,GAAV,+DAAGjE,CAAH,2G,kCCFtB,gLAIakE,EAAUlE,YAAOmE,KAAV,qEAAGnE,CAAH,uOA4BPoE,GANYpE,YAAOqE,QAAV,uEAAGrE,CAAH,uDAMIA,IAAOgB,IAAV,wEAAGhB,CAAH,ubA6CVsE,EAAetE,IAAOuE,EAAV,0EAAGvE,CAAH,+HAYZwE,EAAUxE,IAAOuE,EAAV,qEAAGvE,CAAH,qC,kCCzFpB,iGAkDeyE,IA1CO,SAAAvD,GACpB,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,OAAD,CAAMwD,GAAIxD,EAAMyD,MAAOzD,EAAM6C,MAC7B,4BACE,4BACE,kBAAC,IAAD,MACA,8BACE,2BAAyB,sBAArB7C,EAAM0D,YAA2D,6BAArB1D,EAAM0D,WAA4C,iBAAmB,UAArH,KAAkI1D,EAAM2D,SAAxI,OAGJ,4BACE,kBAAC,IAAD,MACA,0DAC2B,kCAAQ3D,EAAM4D,OADzC,OAIF,4BACE,kBAAC,IAAD,MACA,8BACE,4CADF,IACwB5D,EAAM6D,SAGhC,0BAAMzE,MAAO,CAAE0E,SAAU,KAAzB,+CAEF,6BACE,kBAAC,IAAD,CACEC,KAAM/D,EAAMgE,WAAa,kCACzBC,OAAO,UAFT,gBAMA,kBAAC,IAAD,CAASF,KAAM/D,EAAMyD,KAAMQ,OAAO,UAAlC,mB,oCCzCV,4BAEe,gBAA4B,gBAAoB,OAAQ,CACrElE,EAAG,mHACD,kB,kCCJJ,wNA+Be,SAASmE,EAAelE,GACrC,IACQmE,EADSnE,EAAToE,KACeC,kBAAfF,MAER,EAA8CG,mBAASH,GAAhDI,EAAP,KACA,GADA,KAC0BD,mBAAS,KAA5BE,EAAP,KAAcC,EAAd,KACA,EAA0CH,mBAAS,IAA5CI,EAAP,KAAsBC,EAAtB,KAEAC,qBAAU,WACR,IAAMC,EAAQN,EAAgBO,QAAO,qBAAGC,KACjCC,YAAYnC,KAAKoC,cAAcC,SAASV,EAAMW,UAAU,OAAOF,kBAEtEN,EAAiBE,KAChB,CAACL,EAAMS,gBAoDV,OACE,oCACE,kBAAC,IAAD,MACA,kBAAC,IAAD,CAAQG,MAAM,IACd,kBAAC,IAAD,MACA,kBAAC,IAAD,CAAKC,MAAM,oBAEX,kBAAC,IAAD,CAAWjG,MAAO,CAAEC,UAAW,KAC7B,kBAAC,IAAD,4BAEA,uBACED,MAAO,CACLC,UAAW,GACXyE,SAAU,GACVwB,MAAO,OACPC,UAAW,UACXC,WAAY,QACZC,YAAa,IAPjB,4fAkBF,kBAAC,IAAD,CAAWnG,gBAAgB,EAAMF,MAAO,CAAEC,UAAW,KACnD,kBAAC,IAAD,kCAEA,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEqG,YAAY,kBACZ1D,MAAOwC,EACPmB,SAAU,SAAAC,GAAC,OAAInB,EAASmB,EAAE3B,OAAOjC,QACjC5C,MAAO,CAAEyG,QAAS,EAAGC,aAAc,EAAGC,OAAQ,gBAIlD,6BACGrB,EAAcsB,KAAI,gBAAGjB,EAAH,EAAGA,KAAH,OACjB,kBAAC,IAAD,CACElC,KAAMkC,EAAKC,YAAYnC,KAEvBc,SAAUoB,EAAKC,YAAYrB,SAC3BC,MAAOmB,EAAKC,YAAYpB,MACxBC,OAAQkB,EAAKC,YAAYiB,SACzBxC,KAAMsB,EAAKmB,OAAOC,KAClBC,IAAKrB,EAAKC,YAAYpB,aAM9B,kBAAC,IAAD","file":"component---src-pages-curso-tecnico-ead-js-319098de7b9de48d144b.js","sourcesContent":["import styled from 'styled-components'\nimport { Container } from '@material-ui/core'\n\nexport const Overlay = styled(Container)`\n  position: relative;\n  margin-top: 30px;\n\n  &:hover .overlay {\n    height: 100%;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 360px;\n    height: auto;\n    border-radius: 3px;\n  }\n\n  .overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: #008cba;\n    overflow: hidden;\n    width: 100%;\n    height: 0;\n    transition: 0.8s ease;\n    opacity: 0.8;\n\n    a {\n      font-size: 20px;\n      color: #fff;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      -webkit-transform: translate(50%, -50%);\n      -ms-transform: translate(-50%, -50%);\n      transform: translate(-50%, -50%);\n      text-align: center;\n    }\n  }\n`\n","import React from 'react'\n\nimport { Overlay } from './styles'\n\nconst SlideOverlay = ({ image, alt, children }) => (\n  <Overlay style={{ marginTop: 30 }} disableGutters={true}>\n    <img src={image} alt={alt} />\n    <div className=\"overlay\">{children}</div>\n  </Overlay>\n)\n\nexport default SlideOverlay\n","import styled from 'styled-components'\nimport { Button } from '@material-ui/core'\n\nexport const SectionTitle = styled.h2`\n  font-size: 2em;\n  text-transform: uppercase;\n  font-weight: 500;\n  border-bottom: 2px solid #ef4e45;\n  padding: 12px;\n`\n\nexport const FilterButton = styled(Button)`\n  background-color: #ffc609;\n  color: #525fff;\n  font-weight: bold;\n  text-transform: none;\n  width: 390px;\n`\n\nexport const SearchBar = styled.div`\n  margin-top: 16px;\n  .MuiInputBase-root {\n    width: 70%;\n    border-radius: 20px;\n    outline: none;\n  }\n  @media (max-width: 400px) {\n    display: flex;\n    justify-content: center;\n    .MuiInputBase-root {\n      width: 100%;\n    }\n  }\n  .MuiButtonBase-root {\n    background-color: #00ae9c; \n    color: #fff;\n    outline: none;\n    border: none;\n    padding: 12px 15px;\n    margin-left: 5px;\n  }\n`\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"\n}), 'Bookmark');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\n}), 'AttachMoney');","import \"core-js/modules/es.array.reduce.js\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: _defineProperty({\n      width: '100%',\n      marginLeft: 'auto',\n      boxSizing: 'border-box',\n      marginRight: 'auto',\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      display: 'block'\n    }, theme.breakpoints.up('sm'), {\n      paddingLeft: theme.spacing(3),\n      paddingRight: theme.spacing(3)\n    }),\n\n    /* Styles applied to the root element if `disableGutters={true}`. */\n    disableGutters: {\n      paddingLeft: 0,\n      paddingRight: 0\n    },\n\n    /* Styles applied to the root element if `fixed={true}`. */\n    fixed: Object.keys(theme.breakpoints.values).reduce(function (acc, breakpoint) {\n      var value = theme.breakpoints.values[breakpoint];\n\n      if (value !== 0) {\n        acc[theme.breakpoints.up(breakpoint)] = {\n          maxWidth: value\n        };\n      }\n\n      return acc;\n    }, {}),\n\n    /* Styles applied to the root element if `maxWidth=\"xs\"`. */\n    maxWidthXs: _defineProperty({}, theme.breakpoints.up('xs'), {\n      maxWidth: Math.max(theme.breakpoints.values.xs, 444)\n    }),\n\n    /* Styles applied to the root element if `maxWidth=\"sm\"`. */\n    maxWidthSm: _defineProperty({}, theme.breakpoints.up('sm'), {\n      maxWidth: theme.breakpoints.values.sm\n    }),\n\n    /* Styles applied to the root element if `maxWidth=\"md\"`. */\n    maxWidthMd: _defineProperty({}, theme.breakpoints.up('md'), {\n      maxWidth: theme.breakpoints.values.md\n    }),\n\n    /* Styles applied to the root element if `maxWidth=\"lg\"`. */\n    maxWidthLg: _defineProperty({}, theme.breakpoints.up('lg'), {\n      maxWidth: theme.breakpoints.values.lg\n    }),\n\n    /* Styles applied to the root element if `maxWidth=\"xl\"`. */\n    maxWidthXl: _defineProperty({}, theme.breakpoints.up('xl'), {\n      maxWidth: theme.breakpoints.values.xl\n    })\n  };\n};\nvar Container = /*#__PURE__*/React.forwardRef(function Container(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      _props$disableGutters = props.disableGutters,\n      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,\n      _props$fixed = props.fixed,\n      fixed = _props$fixed === void 0 ? false : _props$fixed,\n      _props$maxWidth = props.maxWidth,\n      maxWidth = _props$maxWidth === void 0 ? 'lg' : _props$maxWidth,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"disableGutters\", \"fixed\", \"maxWidth\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, fixed && classes.fixed, disableGutters && classes.disableGutters, maxWidth !== false && classes[\"maxWidth\".concat(capitalize(String(maxWidth)))]),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiContainer'\n})(Container);","import styled from 'styled-components'\n\nexport const PageTitle = styled.h1`\n  font-size: 2em;\n  text-transform: uppercase;\n  font-weight: 500;\n  border-bottom: 2px solid #ef4e45;\n  padding: 12px;\n`\n","import styled from 'styled-components'\r\nimport { Link } from 'gatsby'\r\nimport { Box } from '@material-ui/core'\r\n\r\nexport const Wrapper = styled(Box)`\r\n  width: 400px;\r\n  margin: 20px 10px 20px 0;\r\n  display: inline-block;\r\n   @media (max-width: 661px) {\r\n    & {\r\n      width: 100%;\r\n    }\r\n  }\r\n  & > img {\r\n    width: 400px;\r\n    height: 267px;\r\n  }\r\n  & .MuiContainer-root {\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  & .MuiContainer-root img {\r\n    width: 80%;\r\n  }\r\n`\r\n\r\nexport const SlideLink = styled(Link)`\r\n  border: 2px solid;\r\n  padding: 15px;\r\n  border-radius: 12px;\r\n`\r\n\r\nexport const CourseBody = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 10px;\r\n  width: 100%;\r\n  align-items: center;\r\n\r\n  & > a {\r\n    color: rgb(41, 41, 41);\r\n    font-size: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  & > div {\r\n    display: flex;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  & div:nth-child(3) {\r\n    margin-top: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n\r\n  ul {\r\n    width: 100%;\r\n    margin-top: 25px;\r\n  }\r\n\r\n  li {\r\n    list-style: none;\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 5px 0;\r\n  }\r\n\r\n  span {\r\n    margin-left: 7px;\r\n    font-size: 16px;\r\n  }\r\n`\r\n\r\nexport const SubscribeBtn = styled.a`\r\n  font-size: 19px;\r\n  border: 2px solid #00ae9c;\r\n  padding: 12px;\r\n  border-radius: 5px;\r\n  background: #00ae9c;\r\n  color: #fff;\r\n\r\n  &:hover {\r\n    color: #fff;\r\n  }\r\n`\r\nexport const ReadBtn = styled.a`\r\n  color: #ef4e45;\r\n  font-weight: 600;\r\n`\r\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport { AttachMoney, CalendarToday, Bookmark } from '@material-ui/icons'\n\nimport SlideOverlay from '../SlideOverlay'\n\nimport { Wrapper, SlideLink, CourseBody, SubscribeBtn, ReadBtn } from './styles'\n\nconst CourseWrapper = props => {\n  return (\n    <Wrapper>\n      <CourseBody>\n        <Link to={props.link}>{props.name}</Link>\n        <ul>\n          <li>\n            <CalendarToday />\n            <span>\n              <b>{props.graduation === 'pos-graduacao ead' || props.graduation === 'pos-graduacao presencial' ? 'Duração mínima' : 'Duração'}: {props.duration} </b>\n            </span>\n          </li>\n          <li>\n            <AttachMoney />\n            <span>\n              Mensalidades a partir de:<b> R$ {props.price}</b> *\n            </span>\n          </li>\n          <li>\n            <Bookmark />\n            <span>\n              <b>Mensalidades:</b> {props.parcel}\n            </span>\n          </li>\n          <span style={{ fontSize: 13 }}>* desconto para pagamento até o vencimento</span>\n        </ul>\n        <div>\n          <SubscribeBtn\n            href={props.subscribe || 'https://pag.ae/7VUxxu29q/button'}\n            target=\"_blank\"\n          >\n            Matricule-se\n          </SubscribeBtn>\n          <ReadBtn href={props.link} target=\"_blank\">\n            Saiba mais\n          </ReadBtn>\n        </div>\n      </CourseBody>\n    </Wrapper>\n  )\n}\n\nexport default CourseWrapper\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"\n}), 'CalendarToday');","import React, { useState, useEffect } from 'react'\r\nimport { graphql } from 'gatsby'\r\nimport { Container, Grid, Input } from '@material-ui/core'\r\nimport {\r\n  CollectionsBookmark,\r\n  ColorLens,\r\n  Public,\r\n  Business,\r\n  Eco,\r\n  Computer,\r\n  LocalHospital,\r\n  Build,\r\n  Work,\r\n} from '@material-ui/icons'\r\n\r\nimport Layout from '../../components/layout'\r\nimport SEO from '../../components/seo'\r\nimport CourseWrapper from '../../components/CourseWrapper'\r\nimport logoABED from '../../images/logo-abed.png'\r\nimport { PageTitle } from '../../components/PageTitle'\r\nimport {\r\n  SectionTitle,\r\n  FilterButton,\r\n  SearchBar,\r\n} from '../../styles/pages/presencial'\r\n\r\nimport PreHeader from '../../components/PreHeader'\r\nimport Header from '../../components/Header'\r\nimport Footer from '../../components/Footer'\r\nimport GlobalStyles from '../../styles/global'\r\n\r\nexport default function TecnicoEadPage(props) {\r\n  const { data } = props\r\n  const { edges } = data.allMarkdownRemark\r\n\r\n  const [filteredCourses, setFilteredCourses] = useState(edges)\r\n  const [query, setQuery] = useState('')\r\n  const [searchResults, setSearchResults] = useState([])\r\n\r\n  useEffect(() => {\r\n    const posts = filteredCourses.filter(({ node }) =>\r\n      node.frontmatter.name.toLowerCase().includes(query.normalize(\"NFC\").toLowerCase())\r\n    )\r\n    setSearchResults(posts)\r\n  }, [query.toLowerCase()])\r\n\r\n  const filterCourses = filter => {\r\n    switch (filter) {\r\n      case 'educacao':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('educacao'))\r\n        )\r\n        break\r\n      case 'artes':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('artes'))\r\n        )\r\n        break\r\n      case 'jornalismo':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('jornalismo'))\r\n        )\r\n        break\r\n      case 'negocios':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('negocios'))\r\n        )\r\n        break\r\n      case 'computacao':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('computacao'))\r\n        )\r\n        break\r\n      case 'engenharia':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('engenharia'))\r\n        )\r\n        break\r\n      case 'agricultura':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('agricultura'))\r\n        )\r\n        break\r\n      case 'saude':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('saude'))\r\n        )\r\n        break\r\n      case 'servicos':\r\n        setSearchResults(\r\n          edges.filter(({ node }) => node.frontmatter.area.includes('servicos'))\r\n        )\r\n        break\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PreHeader />\r\n      <Header polo={true} />\r\n      <GlobalStyles />\r\n      <SEO title=\"Cursos Técnicos\" />\r\n\r\n      <Container style={{ marginTop: 70 }}>\r\n        <PageTitle>Cursos Técnicos EaD</PageTitle>\r\n\r\n        <p\r\n          style={{\r\n            marginTop: 50,\r\n            fontSize: 18,\r\n            color: '#333',\r\n            textAlign: 'justify',\r\n            lineHeight: '1.8em',\r\n            wordSpacing: 8,\r\n          }}\r\n        >\r\n          A Faculdade Jardins foi Credenciada/Autorizada para atuar na Educação Profissional\r\n          Técnica de Nível Médio mediante Ato Autorizativo da SETEC - Secretaria de Educação\r\n          Profissional e Tecnológica / Ministério da Educação, após procedimento de habilitação\r\n          que contemplou, inicialmente, a autorização dos Cursos abaixo que se encontram a\r\n          disposição em Aracaju na modalidade presencial e EaD e em todo o Brasil na modalidade\r\n          a distância, com previsão de ampliação da oferta de muito mais Cursos ainda em 2020.\r\n        </p>\r\n      </Container>\r\n      <Container disableGutters={true} style={{ marginTop: 60 }}>\r\n        <SectionTitle>Encontre aqui o seu curso</SectionTitle>\r\n\r\n        <SearchBar>\r\n          <Input\r\n            placeholder=\"Pesquisar curso\"\r\n            value={query}\r\n            onChange={e => setQuery(e.target.value)}\r\n            style={{ padding: 6, borderRadius: 5, border: '2px solid' }}\r\n          />\r\n        </SearchBar>\r\n\r\n        <div>\r\n          {searchResults.map(({ node }) => (\r\n            <CourseWrapper\r\n              name={node.frontmatter.name}\r\n              // img={node.frontmatter.image.publicURL}\r\n              duration={node.frontmatter.duration}\r\n              price={node.frontmatter.price}\r\n              parcel={node.frontmatter.parcelas}\r\n              link={node.fields.slug}\r\n              key={node.frontmatter.price}\r\n            />\r\n          ))}\r\n        </div>\r\n      </Container>\r\n\r\n      <Footer />\r\n    </>\r\n  )\r\n}\r\n\r\nexport const pageQuery = graphql`\r\n  query {\r\n    allMarkdownRemark(\r\n      limit: 2000\r\n      sort: { fields: [frontmatter___name], order: ASC }\r\n      filter: { frontmatter: { category: { eq: \"tecnico ead\" } } }\r\n    ) {\r\n      edges {\r\n        node {\r\n          fields {\r\n            slug\r\n          }\r\n          frontmatter {\r\n            name\r\n            area\r\n            price\r\n            duration\r\n            parcelas\r\n            subscribe\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"sourceRoot":""}