/**
 * @file index.tsx
 *
 * @fileoverview Shows the users work experience.
 */
import React from 'react';
export interface WorkXPProps {
    /**
     * The list of work experience items.
     */
    workXP: WorkXP[];
    /**
     * Item to render for clicking all collection.
     */
    OnClickElement?: React.ReactNode;
    /**
     * Item to render for clicking one item.
     */
    OnItemClickElement?: (id: number) => React.ReactNode;
}
export interface WorkXP {
    /**
     * A unique identifier for this work xp item. Important for handling click
     * on this item.
     */
    id: number;
    /**
     * The name of the company where the applicant worked.
     */
    company?: string;
    /**
     * The job title the applicant had at the company.
     */
    title?: string;
    /**
     * Whether it was a fulltime or part time job.
     */
    employmentType?: string[];
    /**
     * The occupation the applicant had.
     */
    occupation?: string[];
    /**
     * The time period for when the degree was obtained.
     *
     * @todo: Is it better to use some sort of date object?
     */
    timePeriod?: string;
    /**
     * Location of the job.
     */
    location?: string;
    /**
     * A long text containing some additional description.
     */
    summary?: string;
}
export declare const WorkXP: ({ company, title, employmentType, occupation, timePeriod, location, summary }: WorkXP) => JSX.Element;
/**
 * Shows a list of an applicant's past work experience.
 * Used to display on a resume page.
 */
export declare const WorkXPList: ({ workXP, OnClickElement, OnItemClickElement }: WorkXPProps) => JSX.Element;
export default WorkXPList;
