add CircularPanel component
This commit is contained in:
parent
141ca0c927
commit
63d1b00e54
22
src/components/CircularPanel.tsx
Normal file
22
src/components/CircularPanel.tsx
Normal 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;
|
||||||
Loading…
Reference in New Issue
Block a user