import React from 'react';
import { MOBILE_BOTTOM_SHEET_SORTING } from '../../constants/features';
import useHasFeature from '../../hooks/auth/useHasFeature';
import FiltersSummaryContent from './FiltersSummaryContent';

interface FiltersSummaryProps {
    orderBy: string;
    showStore?: boolean;
}

const FiltersSummary: React.FC<FiltersSummaryProps> = ({
    orderBy,
    showStore
}) => {
    const hasSortingBottomSheet = useHasFeature(MOBILE_BOTTOM_SHEET_SORTING);

    if (!hasSortingBottomSheet) {
        return null;
    }

    return <FiltersSummaryContent orderBy={orderBy} showStore={showStore} />;
};

export default FiltersSummary;