import styled from 'styled-components/macro';

import { Scrollable } from '../../../../components/Scrollable/Scrollable';
import { color } from '../../../../theme';

export const TunedBodyScroll = styled(Scrollable)`
  background-color: ${color('sys/color/background')};
  box-sizing: border-box;
  height: 100%;
`;

export const StyledBodyContent = styled.div`
  margin: 32px;
`;