36 lines
1.2 KiB
XML
36 lines
1.2 KiB
XML
import useThemeWrapper from 'hooks/useThemeWrapper'
|
|
import { COLORS } from 'styles/colors'
|
|
|
|
const OrderbookIcon = ({
|
|
side,
|
|
className,
|
|
}: {
|
|
side: 'buy' | 'sell'
|
|
className?: string
|
|
}) => {
|
|
const { theme } = useThemeWrapper()
|
|
const buyColor = side === 'buy' ? COLORS.UP[theme] : COLORS.FGD4[theme]
|
|
const sellColor = side === 'sell' ? COLORS.DOWN[theme] : COLORS.FGD4[theme]
|
|
return (
|
|
<svg
|
|
className={`${className}`}
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect x="3" y="3" width="8" height="2" fill={buyColor} />
|
|
<rect x="3" y="11" width="8" height="2" fill={buyColor} />
|
|
<rect x="3" y="7" width="8" height="2" fill={buyColor} />
|
|
<rect x="3" y="15" width="8" height="2" fill={buyColor} />
|
|
<rect x="3" y="19" width="8" height="2" fill={buyColor} />
|
|
<rect x="13" y="3" width="8" height="2" fill={sellColor} />
|
|
<rect x="13" y="11" width="8" height="2" fill={sellColor} />
|
|
<rect x="13" y="7" width="8" height="2" fill={sellColor} />
|
|
<rect x="13" y="15" width="8" height="2" fill={sellColor} />
|
|
<rect x="13" y="19" width="8" height="2" fill={sellColor} />
|
|
</svg>
|
|
)
|
|
}
|
|
|
|
export default OrderbookIcon
|