/**
 * @module layouts/ContentSearch
 */
import styles from 'layouts/Content/styles.css';
import LazyResults from 'components/search/LazyResults';
import StaticResults from 'components/search/StaticResults';
import CombinedResults from 'components/search/CombinedResults';
import ContentCard from 'components/Cards/Content';
import { useItems } from '@findify/react-connect';
const Content = ({ theme = styles }) => {
    const { items, config } = useItems();
    const paginationConfig = config.getIn(['pagination', 'type']);
    if (!items?.size)
        return null;
    switch (paginationConfig) {
        case 'lazy':
            return <LazyResults card={ContentCard} itemConfig={config.get('item')}/>;
        case 'static':
            return <StaticResults itemConfig={config.get('item')}/>;
        case 'combined':
            return (<CombinedResults card={ContentCard} itemConfig={config.get('item')}/>);
        default:
            return <></>;
    }
};
export default process.env.HOT
    ? require('react-hot-loader').hot(module)(Content)
    : Content;