| 1 |
const Card = ({ heading, children, headingButton }) => { |
| 2 |
return ( |
| 3 |
<div className="disco-border disco-rounded-t-md disco-border-gray-200 disco-my-8 disco-bg-white disco-pt-2"> |
| 4 |
<div |
| 5 |
className={`disco-px-4 disco-pb-2 ${ |
| 6 |
children && 'disco-border-b disco-border-gray-200' |
| 7 |
} `} |
| 8 |
> |
| 9 |
<div className="disco-flex disco-justify-between disco-items-center"> |
| 10 |
<div> |
| 11 |
<h2 className="disco-text-lg disco-font-medium"> |
| 12 |
{heading} |
| 13 |
</h2> |
| 14 |
</div> |
| 15 |
{headingButton && headingButton} |
| 16 |
</div> |
| 17 |
</div> |
| 18 |
<div>{children}</div> |
| 19 |
</div> |
| 20 |
); |
| 21 |
}; |
| 22 |
export default Card; |
| 23 |
|
