packages/website/ts/pages/jobs/list/list_item.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

import * as React from 'react';

import { Circle } from 'ts/components/ui/circle';

export interface ListItemProps {
    bulletColor?: string;
}
export const ListItem: React.StatelessComponent<ListItemProps> = ({ bulletColor, children }) => {
    return (
        <div className="flex items-center">
            <Circle className="flex-none lg-px2 md-px2 sm-pl2" diameter={26} fillColor={bulletColor || 'transparent'} />
            <div className="flex-auto px2">{children}</div>
        </div>
    );
};