import styled from 'styled-components' ; export const FixWidthPage = styled . div . attrs < { maxWidth ? : string | number ; minWidth ? : string | number ; } > ( ( { maxWidth , minWidth } ) => { return { 'data-widget' : 'fix-width-page' , style : { maxWidth , minWidth } } ; } ) < { maxWidth ? : string | number ; minWidth ? : string | number ; } > `
	flex-grow      : 1;
	display        : flex;
	position       : relative;
	flex-direction : column;
	max-width      : 1000px;
	min-width      : 1000px;
	margin         : var(--margin) auto;
` ; export const SettingsPage = styled ( FixWidthPage ) `
	max-width : 1000px;
` ; export const FullWidthPage = styled . div . attrs ( { 'data-widget' : 'full-width-page' } ) `
	flex-grow      : 1;
	display        : flex;
	position       : relative;
	flex-direction : column;
` ;