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

21 lines
491 B
TypeScript

import { palette } from '@roleypoly/design-system/atoms/colors';
import * as React from 'react';
import styled from 'styled-components';
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>
);