import styled from '@emotion/styled';

import { objectSettingsWidth } from '../data-model/constants/objectSettings';

const StyledSettingsPageContainer = styled.div<{ width?: number }>`
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(8)};
  padding: ${({ theme }) => theme.spacing(8)};
  width: ${({ width }) => (width ? width + 'px' : objectSettingsWidth)};
`;

export { StyledSettingsPageContainer as SettingsPageContainer };