add CircularPanel component

This commit is contained in:
Halit Aksoy 2022-07-23 00:26:58 +03:00
parent 141ca0c927
commit 63d1b00e54

View File

@ -0,0 +1,22 @@
import * as React from 'react';
import { FunctionComponent } from 'react';
const CircularPanel: FunctionComponent<{
color: string;
style?: React.CSSProperties
}> = (props) => {
return (
<div style={Object.assign({ background: props.color }, props.style)}>
<style jsx>{`
div {
padding: 10px 20px;
border-radius: 30px;
}
`}
</style>
{props.children}
</div>
);
}
export default CircularPanel;