const Yours = styled.div` display: flex; gap: 20px; `; const YoursTableWrapper = styled.div` background-color: rgba(53, 55, 73, 0.2); border-radius: 6px; width: 50%; `; const Title = styled.div` padding: 20px; border-bottom: 1px solid #292c42; display: flex; justify-content: space-between; align-items: center; `; const Label = styled.div` font-size: 14px; font-weight: 400; color: #7c7f96; &.yours-table-title { color: var(--yours-table-title); } `; const Value = styled.div` font-size: 18px; font-weight: 700; margin-top: 4px; color: #fff; &.supply-color { color: var(--supply-color); } &.borrow-color { color: var(--borrow-color); } `; const Right = styled.div` text-align: right; `; const PoolTitle = styled.div` margin: 20px 0; color: #fff; font-family: Gantari; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; `; const { dexConfig, account, multicall, multicallAddress, tvl, deposits, tokenBal, IS_ETHOS_DAPP, IS_PREON_DAPP, IS_GRAVITA_DAPP, IS_LYVE_DAPP, } = props; return ( <> <PoolTitle>Stability Pool</PoolTitle> <Widget src="bluebiu.near/widget/Lending.Liquity.Pools" props={{ ...props, markets: state.markets, tvl: tvl, deposits: deposits, tokenBal: tokenBal, IS_ETHOS_DAPP, IS_PREON_DAPP, IS_GRAVITA_DAPP, IS_LYVE_DAPP, }} /> </> );