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