1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-11-14 00:03:12 +01:00
.profile/components/design/ShadowContainer.tsx

33 lines
712 B
TypeScript
Raw Normal View History

import classNames from 'classnames'
2021-04-18 01:56:23 +02:00
type ShadowContainerProps = React.ComponentPropsWithRef<'div'>
export const ShadowContainer: React.FC<ShadowContainerProps> = (props) => {
2021-04-18 01:56:23 +02:00
const { children, className, ...rest } = props
return (
<>
<div
className={classNames(
2021-05-08 21:09:03 +02:00
'shadow-container h-full max-w-full break-words',
className
)}
2021-04-18 01:56:23 +02:00
{...rest}
>
{children}
</div>
<style jsx>
{`
.shadow-container {
box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.25);
border: 1px solid black;
border-radius: 1rem;
margin-bottom: 50px;
}
`}
</style>
</>
)
}