"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Actions = exports.Cell = exports.RowWrapper = exports.Root = void 0;
const styled_1 = require("../../styled");
exports.Root = styled_1.styled.div `
  display: flex;
  flex-direction: column;

  width: 100%;
`;
exports.RowWrapper = styled_1.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;
  }
`;
exports.Cell = styled_1.styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(1)};

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