fec03d030f
* MP-3128: added conditional ActionButtons * feat: added Create Account button * fix: simplified the ActionsButton according to feedback * fix: moved the onClick handler to the card of an account summary instead of the title * fix: fixed the health and balance display bug * fix: remove Leverage static number * fix: small style fix
38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
import classNames from 'classnames'
|
|
import { ReactElement, ReactNode } from 'react'
|
|
|
|
import Text from 'components/Text'
|
|
|
|
interface Props {
|
|
children: ReactNode
|
|
className?: string
|
|
contentClassName?: string
|
|
onClick?: () => void
|
|
title?: string | ReactElement
|
|
id?: string
|
|
}
|
|
|
|
export default function Card(props: Props) {
|
|
return (
|
|
<section
|
|
id={props.id}
|
|
onClick={props.onClick}
|
|
className={classNames(
|
|
props.className,
|
|
'flex flex-col',
|
|
'relative isolate max-w-full overflow-hidden rounded-base',
|
|
'before:content-[" "] before:absolute before:inset-0 before:-z-1 before:rounded-base before:p-[1px] before:border-glas',
|
|
)}
|
|
>
|
|
{typeof props.title === 'string' ? (
|
|
<Text size='lg' className='flex w-full items-center bg-white/10 p-4 font-semibold'>
|
|
{props.title}
|
|
</Text>
|
|
) : typeof props.title === 'object' ? (
|
|
props.title
|
|
) : null}
|
|
<div className={classNames('w-full', props.contentClassName)}>{props.children}</div>
|
|
</section>
|
|
)
|
|
}
|