synapsecns/sanguine

View on GitHub
packages/synapse-interface/pages/pool/PoolInfoSection/InfoSectionCard.tsx

Summary

Maintainability
A
0 mins
Test Coverage
import Card from '@tw/Card'
import InfoSection from './InfoSection'

const InfoSectionCard = ({ title, children }) => {
  return (
    <Card
      title={title}
      className="p-3 rounded-md bg-bgBase"
      titleClassName="font-thin text-secondaryTextColor mb-3"
      divider={false}
    >
      <InfoSection showDivider={false} showOutline={false}>
        {children}
      </InfoSection>
    </Card>
  )
}
export default InfoSectionCard