You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
451 B
TypeScript
26 lines
451 B
TypeScript
6 years ago
|
import React from 'react';
|
||
|
|
|
||
|
|
const styles = {
|
||
|
|
borderRadius: '50px',
|
||
|
|
display: 'inline-block',
|
||
|
|
margin: 0,
|
||
|
|
overflow: 'hidden',
|
||
|
|
padding: 0,
|
||
|
|
};
|
||
|
|
|
||
|
|
// @ts-ignore
|
||
|
|
export const Paper = ({ children, color, diameter, style: styleOverrides }) => (
|
||
|
|
<div
|
||
|
|
className="paper"
|
||
|
|
style={{
|
||
|
|
...styles,
|
||
|
|
backgroundColor: color,
|
||
|
|
height: diameter,
|
||
|
|
width: diameter,
|
||
|
|
...(styleOverrides || {}),
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
);
|