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

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

  padding-top: ${({ theme }) => theme.spacing(1)};
  padding-bottom: ${({ theme }) => theme.spacing(5)};

  &:not(:last-of-type) {
    border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
  }

  &:not(:first-of-type) {
    padding-top: ${({ theme }) => theme.spacing(5)};
  }

  &:last-of-type {
    padding-bottom: 0;
  }
`;
export const Cell = styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(1)};

  width: 100%;
`;
export const Actions = styled.div `
  padding-top: ${({ theme }) => theme.spacing(2)};
`;
