/**
 * @file index.test.tsx
 *
 * @fileoverview The Job teaser component.
 */
/// <reference types="react" />
export declare const StyledTeaserImage: import("styled-components").StyledComponent<({ src, width, height, lazy, alt, title }: import("../../../02-atoms/19-image").ImageProps) => JSX.Element, any, {}, never>;
export declare const StyledTeaserTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
export declare const StyledTeaserCompany: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledTeaserLocation: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledTeaserOccupation: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledTeaserDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledTeaserDate: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledJobIcon: import("styled-components").StyledComponent<"span", any, any, never>;
export interface JobTeaserProps {
    /**
     * The teaser image.
     */
    image?: string;
    /**
     * The job title.
     */
    title: string;
    /**
     * The company name.
     */
    company?: string;
    /**
     * The location for the job.
     */
    location: string;
    /**
     * Job description (trimmed).
     */
    description?: string;
    /**
     * List of occupation names.
     */
    occupations?: string[];
    /**
     * Job publish date.
     */
    published?: string;
    /**
     * If the current teaser is marked as active.
     *
     * @default "false"
     */
    active?: boolean;
}
/**
 * The job teaser presents information about a job in a condensed way.
 */
export declare const JobTeaser: (props: JobTeaserProps) => JSX.Element;
export default JobTeaser;