v3/src/design-system/molecules/help-page-base/HelpPageBase.tsx

22 lines
596 B
TypeScript

import * as React from 'react';
import styled from 'styled-components';
import * as _ from 'styled-components'; // eslint-disable-line no-duplicate-imports
import { palette } from 'roleypoly/src/design-system/atoms/colors';
export type HelpPageProps = {
children: React.ReactNode;
};
const Container = styled.div`
background: ${palette.taupe300};
padding: 2em 3em;
width: 1024px;
max-width: 98vw;
margin: 0 auto;
margin-top: 75px;
box-sizing: border-box;
`;
export const HelpPageBase = (props: HelpPageProps) => (
<Container>{props.children}</Container>
);