import { styled } from '../../styled';
export const Wrapper = styled.div `
  overflow: auto;
  display: flex;
  flex-direction: column;

  width: 100%;
`;
export const ItemWrapper = styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(2)};

  width: 100%;
  padding: ${({ theme }) => theme.spacing(4)};

  border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
`;
export const TitleWrapper = styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(1)};
`;
