ListingPanel.js

import styled from 'styled-components';
import { Col } from 'react-styled-flexboxgrid';
import { base as baseTheme } from '../../cl-themes/src';

// raises Warning: Unknown prop `theme` on <div> tag. Remove this prop from the element
const ListingPanel = styled(Col).attrs({
  xs: 6,
  sm: 5,
  lg: 3,
})`
  border-right: ${(props) => `1px solid ${props.theme.palette.border}`};
`;

ListingPanel.defaultProps = {
  theme: baseTheme,
};

export default ListingPanel;