import React from 'react';
import styled from 'styled-components';
import Details from './right-side-filters/Details';
import ActionsMenu from './left-side-filters/ActionsMenu';

const DetailsFilters = () => {
  return (
    <Flex>
      <Details />
      <ActionsMenu />
    </Flex>
  );
};

const Flex = styled.div`
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);

  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  /* z-index: 9999; */
  display: flex;
  padding: 10px;
  flex-direction: row;
  gap: 10px;
  align-self: stretch;
  position: relative;
  margin-bottom: -71px;
  width: 97%;
  margin-left: 21px;
  top: -132px;
  justify-content: space-between;
`;
export default DetailsFilters;
