git.iko.soy/bridge
on 2253aef help sign in
bridge/src/components/Steps.js
13 lines 422 B history raw
1import React from 'react';
2import cn from 'classnames';
3import { Text } from 'indigo-react';
5export default function Steps({ num = 1, total = 3, className }) {
6 // NOTE: the 48px must match the `mt8` class on Passport for things to line
7 // up nicely
8 return (
9 <Text className={cn('f5 gray3', className)} style={{ height: '48px' }}>
10 <Text className="f5 black">Step {num}</Text> of {total}
11 </Text>
12 );