feat: add status shadow to card wrapper

This commit is contained in:
RadoslavDimchev 2023-09-14 11:47:56 +03:00
parent 3b6b3fb2a2
commit 311e0cad47
1 changed files with 5 additions and 11 deletions

View File

@ -1,21 +1,15 @@
import { Stack } from 'tamagui'
import { Shadow } from '@status-im/components'
type DashboardCardWrapperProps = {
children: React.ReactNode
padding?: string
}
const DashboardCardWrapper = ({ children }: DashboardCardWrapperProps) => {
const DashboardCardWrapper = ({ children, padding = '12px 16px' }: DashboardCardWrapperProps) => {
return (
<Stack
style={{
borderRadius: '16px',
boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
padding: '12px 16px',
backgroundColor: '$background',
}}
>
<Shadow variant="$1" style={{ borderRadius: '16px', padding, backgroundColor: '$background' }}>
{children}
</Stack>
</Shadow>
)
}