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