packages/website/ts/pages/jobs/bulleted_item.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import * as React from 'react';

export interface BulletedItemProps {
    bulletColor: string;
    title: string;
    description: string;
    height?: number;
}
export const BulletedItem = (props: BulletedItemProps) => {
    const height = props.height || 150;
    return (
        <div className="flex" style={{ height }}>
            <svg className="flex-none px2" height="26" width="26">
                <circle cx="13" cy="13" r="13" fill={props.bulletColor} />
            </svg>
            <div className="flex-auto px2">
                <div style={{ paddingTop: 3, fontWeight: 'bold', fontSize: 16 }}>{props.title}</div>
                <div style={{ paddingTop: 12, fontSize: 16, lineHeight: 2 }}>{props.description}</div>
            </div>
        </div>
    );
};