jobiqo-cl/lib/es/src/components/03-molecules/07-search/02-facet-box/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

import React__default from 'react';
import styled from 'styled-components';
import Box from '../../../02-atoms/07-box/index.js';

/**
 * @file index.tsx
 *
 * @fileoverview Displays a facet box (to be used on the sidebar on a search page for example).
 */
const StyledFacetBox = styled(Box) `
  a,
  a span {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  ${props => props.theme.mediaQueries.smallRevert} {
    box-shadow: none;
    margin: 0;
  }
`;
const FacetChildList = styled.div `
  margin-top: 1rem;
  &::last-child {
    margin-bottom: 1rem;
  }
  ${props => (props.isChild ? `margin-left: 1rem;` : '')};
`;
/**
 * A facet box contains a list of links inside a box to be used in a
 * sidebar region on the job or resume search pages.
 */
const FacetBox = ({ children, label }) => {
    return (React__default.createElement(StyledFacetBox, { "data-testid": "facet-box", label: label }, children));
};

export { FacetBox, FacetChildList };