1 files changed, 22 insertions, 0 deletions
diff --git a/packages/website/ts/pages/jobs/bulleted_item.tsx b/packages/website/ts/pages/jobs/bulleted_item.tsx
new file mode 100644
index 000000000..ae7385b90
--- /dev/null
+++ b/packages/website/ts/pages/jobs/bulleted_item.tsx
@@ -0,0 +1,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>
+    );
+};