import styled from "styled-components";

const UsersWrapper = styled.div`
  display: flex;
  min-height: 100%;
`;

const TableListWrapper = styled.div`
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  height: calc(100vh - ${(p) => p.theme.spacing.xl});
  overflow: auto;
`;

const EmptyWrapper = styled.div`
  height: ${(p) => `calc(100vh - (${p.theme.spacing.xl} * 3))`};
  display: flex;
  align-items: center;
`;

export { UsersWrapper, TableListWrapper, EmptyWrapper };
