mars-v2-frontend/src/components/Perps/Module/LeverageButtons.tsx
2024-01-10 09:30:32 +01:00

17 lines
389 B
TypeScript

const LEVERAGE_PRESETS = [1, 2, 3, 5, 10]
export function LeverageButtons() {
return (
<div className='flex justify-between'>
{LEVERAGE_PRESETS.map((leverage) => (
<button
key={leverage}
className='w-12 !border:none bg-white/10 rounded-sm py-1 text-xs hover:bg-white/20'
>
{leverage}x
</button>
))}
</div>
)
}