text: //Core
  import React from 'react';
  //Styles
  import styled from 'styled-components';
  
  const Container = styled.div`
  	display: flex;
  	padding: 0.4rem 1rem;
  	background-color: ${({ theme }) => theme.secondary};
  	margin: 2rem 0;
  	border-radius: 5px;
  `;
  
  const Text = styled.h1`
  	font-size: 0.6rem;
  	text-transform: uppercase;
  	font-weight: 500;
  	color: ${({ theme }) => theme.textColor};
  `;
  
  const Property = styled(Text)`
  	width: 30%;
  `;
  
  const MoveInDate = styled(Text)`
  	width: 15%;
  `;
  
  const Rent = styled(Text)`
  	width: 10%;
  `;
  
  const Deposit = styled(Text)`
  	width: 15%;
  `;
  
  const Status = styled(Text)``;
  
  const SortingBar = () => {
  	return (
  		<Container>
  			<Property>Property</Property>
  			<MoveInDate>MoveInDate</MoveInDate>
  			<Rent>Rent</Rent>
  			<Deposit>Deposit</Deposit>
  			<Status>Status</Status>
  		</Container>
  	);
  };
  
  export default SortingBar;
  