mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-09 15:05:35 +00:00
37 lines
656 B
TypeScript
37 lines
656 B
TypeScript
import styled from '@emotion/styled';
|
|
import { ReactNode } from 'react';
|
|
import ContentLayout from '~/components/layouts/content_layout';
|
|
import LegalFooter from '~/components/legal/legal_footer';
|
|
|
|
const LegalContentStyle = styled(ContentLayout)({
|
|
main: {
|
|
'h1, p': {
|
|
marginTop: '0.5em',
|
|
},
|
|
h2: {
|
|
marginTop: '1.5em',
|
|
},
|
|
h3: {
|
|
marginTop: '1em',
|
|
},
|
|
ul: {
|
|
marginLeft: '2em',
|
|
},
|
|
},
|
|
});
|
|
|
|
const LegalContentLayout = ({
|
|
children,
|
|
className,
|
|
}: {
|
|
children: ReactNode;
|
|
className?: string;
|
|
}) => (
|
|
<LegalContentStyle className={className}>
|
|
{children}
|
|
<LegalFooter />
|
|
</LegalContentStyle>
|
|
);
|
|
|
|
export default LegalContentLayout;
|