import React from 'react';
import { parse } from 'url';
import RelatedAppsBanner from '../related-apps-banner';
import { Row } from 'jsxstyle';
import * as fonts from '../../mixins/fonts';
import * as sizes from '../../mixins/sizes';
export default class CategoryQueryParams extends React.Component {
    constructor(props) {
        super(props);
        let { query } = parse(window.location.href, true);
        let categories = query['app-category'] || [];
        if (typeof categories === 'string') {
            categories = [categories];
        }
        this.state = { categories };
    }
    render() {
        return React.createElement(Row, { props: { 'data-component': 'category-query-params' }, fontFamily: fonts.sansSerif, fontSize: sizes.baseFontSize, lineHeight: 1.5, flex: '1 1', color: '#000', position: 'relative' },
            React.createElement(RelatedAppsBanner, { categories: this.state.categories, shadowType: 'subtle' }));
    }
}
//# sourceMappingURL=category-query-params.js.map