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
450 B
TypeScript
26 lines
450 B
TypeScript
import React from 'react';
|
|
|
|
const styles = {
|
|
borderRadius: '50%',
|
|
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>
|
|
);
|