export { default as DeckContent } from './DeckContent.js';
export { default as GridContent } from './GridContent.js';
export { default as DeckQueue } from './DeckQueue.js';
export { default as ThumbnailCard } from './ThumbnailCard.js';
export { default as TaxonomyCard } from './TaxonomyCard.js';
export { default as RolesDeck } from './RolesDeck.js';
export { default as GroupDeck } from './GroupDeck.js';
export { default as YoutubeGroup } from './YoutubeGroup.js';
export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
export { default as VideoSeriesListing } from './VideoSeriesListing.js';
export { default as ArticleSeriesListing } from './ArticleSeriesListing.js';
export { default as HorizontalArticleListing } from './HorizontalArticleListing.js';
export { default as MasterDeck } from './MasterDeck.js';
export { default as PublicationDeck } from './PublicationDeck.js';
export { default as IssueDeck } from './IssueDeck.js';
export { default as IssueContentDeck } from './IssueContentDeck.js';
export { default as EventsDeck } from './EventsDeck.js';
export { default as CMEDeck } from './CMEDeck.js';
export { default as ExternalResources } from './ExternalResources.js';
export { default as AlgoliaSearch } from './AlgoliaSearch.js';
export { Column1 } from './Column1.js';
export { Column2 } from './Column2.js';
export { Column3 } from './Column3.js';
export { default as Header } from './Header.js';
export { default as LeftNav } from './LeftNav.js';
export { default as AccordionPanel } from './AccordionPanel.js';
export { default as SocialShare } from './SocialShare.js';
export { default as PageFilter } from './PageFilter.js';
export { default as VideoSeriesFilter } from './VideoSeriesFilter.js';
export { default as NavMagazine } from './NavMagazine.js';
export { NavNative } from './NavNative.js';
export { NavDvm } from './NavDvm.js';
export { HamMagazine } from './HamMagazine.js';
export { default as TemplateNormal } from './TemplateNormal.js';
export { default as AD } from './AD.js';
export { default as AD300x250 } from './AD300x250.js';
export { default as AD300x250x600 } from './AD300x250x600.js';
export { default as AD728x90 } from './AD728x90.js';
export { default as ADFooter } from './ADFooter.js';
export { default as AdSlot } from './AdSlot.js';
export { default as AdSlotsProvider } from './AdSlotsProvider.js';
export { default as ADFloatingFooter } from './ADFloatingFooter.js';
export { default as ADGutter } from './ADGutter.js';
export { default as ADWelcome } from './ADWelcome.js';
export { default as ADSponsoredResources } from './ADSponsoredResources.js';
export { default as ADWebcast } from './ADWebcast.js';
export { default as ADSkyscraper } from './ADSkyscraper.js';
export { default as Search } from './Search.js';
export { default as Feature } from './Feature.js';
import React__default from 'react';
import urlFor from './urlFor.js';
export { default as urlFor } from './urlFor.js';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import 'react-bootstrap/Badge';
import { L as LazyLoad } from './index-755f2cc2.js';
export { default as Breadcrumbs } from './Breadcrumbs.js';
export { default as Hero } from './Hero.js';
export { default as AlphabeticList } from './AlphabeticList.js';
export { default as PdfDownload } from './PdfDownload.js';
export { default as RelatedTopicsDropdown } from './RelatedTopicsDropdown.js';
export { default as Ustream } from './Ustream.js';
export { default as SideFooter } from './SideFooter.js';
export { default as HighlightenVideo } from './HighlightenVideo.js';
export { default as PublicationLanding } from './PublicationLanding.js';
export { default as IssueLanding } from './IssueLanding.js';
export { default as PopUpModal } from './PopUpModal.js';
export { default as RelatedContent } from './RelatedContent.js';
export { default as SocialIcons } from './SocialIcons.js';
export { default as ArticleCarousel } from './ArticleCarousel.js';
export { default as TaxonomyDescription } from './TaxonomyDescription.js';
export { default as PubToc } from './PubToc.js';
export { default as PubSection } from './PubSection.js';
export { default as ForbesHero } from './ForbesHero.js';
export { default as HorizontalHero } from './HorizontalHero.js';
export { default as OncliveHero } from './OncliveHero.js';
export { default as OncliveLargeHero } from './OncliveLargeHero.js';
export { default as VerticalHero } from './VerticalHero.js';
export { default as YahooHero } from './YahooHero.js';
export { default as GridHero } from './GridHero.js';
export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
export { g as getSerializers } from './index-490f4f21.js';
export { default as Beam } from './Beam.js';
export { default as Segment } from './Segment.js';
export { default as KMTracker } from './KMTracker.js';
export { default as getSeriesDetail } from './getSeriesDetail.js';
export { default as SetCookie } from './SetCookie.js';
export { default as getRelatedArticle } from './getRelatedArticle.js';
export { default as Auth } from './Auth.js';
export { default as View } from './View.js';
export { default as PartnerDetailListing } from './PartnerDetailListing.js';
export { default as VideoProgramLandingPage } from './VideoProgramLandingPage.js';
export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
export { default as Schema } from './Schema.js';
export { g as getTargeting } from './getTargeting-4061f839.js';
export { default as getKeywords } from './getKeywords.js';
export { default as getQuery } from './getQuery.js';
import './toConsumableArray-f7074d7c.js';
import './_commonjsHelpers-0c4b6f40.js';
import './core.get-iterator-method-ea258bb1.js';
import './_iter-detect-98db3b07.js';
import './extends-6d8e3924.js';
import './_object-pie-133f504a.js';
import './inherits-a6ba2ec4.js';
import './_object-sap-7cee6f84.js';
import './define-property-5f1bda73.js';
import './typeof-e9fc0c5d.js';
import './web.dom.iterable-ab4dea5c.js';
import './_is-array-8d21b9e3.js';
import './_library-528f1934.js';
import './index-f0fc23eb.js';
import './events-6c3a7a63.js';
import 'prop-types';
import 'react-bootstrap/Container';
import 'react-bootstrap/Card';
import './moment-bc12cb97.js';
import 'next/router';
import './debounce-533d9748.js';
import './isSymbol-a7e9aafe.js';
import './toNumber-5aeba6e7.js';
import './index.es-a6137319.js';
import './visibility-sensor-72fd8f8b.js';
import 'react-dom';
import './main-1894c974.js';
import './entities-6d9154b4.js';
import './ADInfeed-0a55cd2d.js';
import './slicedToArray-6ebcbfea.js';
import './lodash-f97fd99a.js';
import './ADlgInfeed-013e1f4a.js';
import './getContentCategory-15dcc413.js';
import './get-3c308da4.js';
import './eq-bdcbf886.js';
import './AuthorComponent-11adff02.js';
import './PublicationFeature-d88e76b9.js';
import 'react-bootstrap/Button';
import 'react-bootstrap/Media';
import './BlockContent-1e73bd2c.js';
import './index-3f5c03b2.js';
import './react-social-icons-9be47857.js';
import './index-c7e2ac95.js';
import './smoothscroll-fa4e3f8c.js';
import 'react-bootstrap';
import './timeDifferenceCalc.js';
import './index.esm-eb1e8e80.js';
import './iconBase-ccc56b97.js';
import './asyncToGenerator-5ef104a7.js';
import './defineProperty-8c30428f.js';
import './_object-to-array-2300e51b.js';
import './stringify-2b084bee.js';
import 'react-bootstrap/Spinner';
import 'react-bootstrap/Form';
import './index-79cfd25c.js';
import './js.cookie-6874175c.js';
import './typeof-2f07d0e8.js';
import './index-98ca9cec.js';
import './ConferenceBanner-8792ebd2.js';
import 'next/head';
import 'react-bootstrap/ListGroup';
import 'react-bootstrap/Accordion';
import 'react-bootstrap/AccordionToggle';
import 'react-share';
import 'react-bootstrap/Nav';
import 'react-bootstrap/Navbar';
import 'react-bootstrap/NavDropdown';
import './index.esm-9b042655.js';
import './NavFooter-e27bd93b.js';
import './index.esm-37268dca.js';
import './SocialSearchComponent-4b56cd8c.js';
import 'react-bootstrap/FormControl';
import 'react-ga';
import 'react-bootstrap/Carousel';
import 'react-bootstrap/Breadcrumb';
import './keys-31dcdb31.js';
import 'react-bootstrap/DropdownButton';
import 'react-bootstrap/Dropdown';
import './index.esm-1bd8a0a8.js';
import './brightcove-react-player-loader.es-57a70a56.js';
import 'react-bootstrap/Modal';
import './util-8ed16d48.js';
import 'react-bootstrap/Pagination';
import 'react-bootstrap/Figure';
import 'react-bootstrap/OverlayTrigger';
import 'react-bootstrap/Tooltip';
import 'react-bootstrap/Popover';
import './index-db3bb315.js';
import 'swr';
import 'passport-local';
import 'mysql';
import './md5-4e42248e.js';
import './SeriesSlider-45adb8dc.js';
import './style-inject.es-1f59c1d0.js';
import 'disqus-react';
import 'react-twitter-embed';
import './ImageSlider-f84174cb.js';
import './defineProperty-23a8f8cd.js';
import './VideoSeriesCard.js';

//Feature query to be used
// const featureQuery = `*[_type == 'feature' && is_active == true && feature_url == "/"] | order(_updatedAt asc)[0..5]{
//     ...,
//      feature_img { asset-> {url} }
//    }`

//Update*  Added control toggle for features.  Will default to off -
//<Feature controls dataset={props.features} /></div>

var FeatureArticles = function FeatureArticles(props) {
  var data = props.dataset;

  var client = props.client,
      _props$imageWidth = props.imageWidth,
      imageWidth = _props$imageWidth === undefined ? 200 : _props$imageWidth,
      imageHeight = props.imageHeight,
      defaultImage = props.defaultImage,
      _props$styles = props.styles,
      styles = _props$styles === undefined ? null : _props$styles;


  return React__default.createElement(
    'div',
    { className: 'featured-articles-wrapper' },
    data.map(function (article, index) {
      return React__default.createElement(
        React__default.Fragment,
        null,
        React__default.createElement(
          Row,
          { className: 'article-wrap' },
          React__default.createElement(
            Col,
            { className: 'mb-4 m-fl-center deck', xs: 12, sm: 4, md: 4, lg: 3, xl: 3 },
            React__default.createElement(
              'a',
              { href: '' + article.feature_link },
              React__default.createElement(
                'figure',
                { style: { marginTop: '1rem' } },
                React__default.createElement(
                  LazyLoad,
                  { height: imageHeight },
                  React__default.createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlFor({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
                )
              )
            )
          ),
          React__default.createElement(
            Col,
            { className: 'article-wrap-body', xs: 12, sm: 8, md: 8, lg: 9, xl: 9, style: { paddingTop: '10px' } },
            React__default.createElement(
              'a',
              { href: '' + article.feature_link },
              React__default.createElement(
                'h4',
                { className: 'mb-1', style: { fontWeight: '600', fontSize: '22px' } },
                article.feature_title
              ),
              React__default.createElement(
                'p',
                { style: { fontSize: '1.1em' } },
                article.feature_body
              )
            )
          ),
          index !== data.length - 1 && React__default.createElement('hr', null)
        ),
        React__default.createElement(
          'style',
          { jsx: 'true' },
          '\n              .featured-articles-wrapper {\n                background: ' + props.backgroundColor + ';\n                padding: 1rem;\n                border-radius: 10px;\n                box-shadow: #0000002b 1px 3px 3px 3px;\n              }\n              hr {\n                width: 100%;\n                height: 1px;\n                margin-left: 15px;\n                margin-right: 15px;\n              }\n              ' + styles + '\n            '
        )
      );
    })
  );
};

export { FeatureArticles };
