15 lines
474 B
TypeScript
15 lines
474 B
TypeScript
import type { PaperProps as MantinePaperProps } from '@mantine/core';
|
|
import { Paper as MantinePaper } from '@mantine/core';
|
|
import styled from 'styled-components';
|
|
|
|
export interface PaperProps extends MantinePaperProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const StyledPaper = styled(MantinePaper)<PaperProps>`
|
|
background: var(--paper-bg);
|
|
`;
|
|
|
|
export const Paper = ({ children, ...props }: PaperProps) => {
|
|
return <StyledPaper {...props}>{children}</StyledPaper>;
|
|
};
|