Add <Overlay />
This commit is contained in:
parent
8a569af649
commit
13acb8ea0f
1 changed files with 23 additions and 0 deletions
23
src/components/Overlay.js
Normal file
23
src/components/Overlay.js
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
import React from 'react'
|
||||
|
||||
export default ({
|
||||
className = '',
|
||||
color = 'var(--secondary)',
|
||||
opacity = 0.2,
|
||||
...props
|
||||
}) => (
|
||||
<div
|
||||
className={`Overlay ${className}`}
|
||||
style={{
|
||||
color,
|
||||
opacity,
|
||||
backgroundColor: 'currentColor',
|
||||
position: 'absolute',
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: 0,
|
||||
bottom: 0
|
||||
}}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
Loading…
Add table
Reference in a new issue