import styled from "styled-components";

const Content = styled.div`
  display: flex;
  flex-direction: column;
  padding: ${(p) => p.theme.spacing.s};
  overflow: auto;
  height: 100%;
  background-color: ${(p) => p.theme.colors.uiBackground02};
`;

const ListWrapper = styled.div`
  margin-top: ${(p) => p.theme.spacing.xs};
`;

const EmptyStateWrapper = styled.div`
  width: 100%;
  flex-grow: 1;
`;

export { Content, ListWrapper, EmptyStateWrapper };
