import styled from 'styled-components/macro';

import { color, radius, shadow } from '../../theme';

export const StyledContent = styled.section`
  background-color: ${color('sys/color/white')};
  border-radius: ${radius('comp/card/radius')};
  box-shadow: ${shadow('sys/shadow/elevation/8')};
  display: flex;
  flex-direction: column;
  max-width: unset;
  overflow: hidden;
  padding: 0;
  width: 100%;
`;