@uob-web-and-digital/component-library 2.7.1 → 2.7.2

package/dist/components/molecules/CardPromoProfile/CardPromoProfile.d.ts

@@ -1,22 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardPromoProfile.scss';
-import { SearchResultDetailProps } from '../../atoms/SearchResultDetail/SearchResultDetail';
-export interface CardPromoProfileProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    name: string;
-    jobTitle: string;
-    department: string;
-    copy: string;
-    href: string;
-    isSingle?: boolean;
-    details?: Omit<SearchResultDetailProps, 'theme'>[];
-    titleTag: 'h2' | 'h3' | 'h4';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardPromoProfile({ theme, inverse, image, name, jobTitle, department, href, copy, isSingle, titleTag, details }: CardPromoProfileProps): ReactElement;

package/dist/components/molecules/CardPromoProfile/CardPromoProfile.stories.d.ts

@@ -1,15 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardPromoProfile from './CardPromoProfile';
-declare const meta: {
-    title: string;
-    component: typeof CardPromoProfile;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardPromoProfile>;
-export declare const CardPromoProfileSingle: Story;
-export declare const CardPromoProfileSingleDark: Story;
-export declare const CardPromoProfileMultiple: Story;

package/dist/components/molecules/CardPromoSignpost/CardPromoSignpost.d.ts

@@ -1,30 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import { TextButtonProps } from '../../atoms/TextButton/TextButton';
-import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
-import './cardPromoSignpost.scss';
-import { HeadingProps } from '../../atoms/Heading/Heading';
-export interface CardPromoSignpostProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image?: ImageProps;
-    imageOrientation?: 'left' | 'right';
-    tag?: string;
-    title?: string;
-    subtitle?: string;
-    publishDate?: string;
-    authorString?: string;
-    location?: string;
-    copy?: string;
-    cardCopyIsRichText?: boolean;
-    isSingle?: boolean;
-    buttonPrimary?: TextButtonProps;
-    buttonSecondary?: TextButtonProps;
-    link?: LinkWithArrowProps;
-    titleTag: HeadingProps['htmlTag'];
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardPromoSignpost({ theme, inverse, image, tag, title, subtitle, publishDate, authorString, location, copy, isSingle, cardCopyIsRichText, buttonPrimary, buttonSecondary, link, imageOrientation, titleTag }: CardPromoSignpostProps): ReactElement;

package/dist/components/molecules/CardPromoSignpost/CardPromoSignpost.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardPromoSignpost from './CardPromoSignpost';
-declare const meta: {
-    title: string;
-    component: typeof CardPromoSignpost;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardPromoSignpost>;
-export declare const SinglePromoSignpostCardLight: Story;
-export declare const SinglePromoSignpostCardsDarkRightImage: Story;
-export declare const SinglePromoSignpostCardLightNoTitle: Story;
-export declare const OneOfManyPromoSignpostCardsDark: Story;
-export declare const SinglePromoSignpostCardsDarkRightImageH4Title: Story;
-export declare const ImageWithTextExampleWithMultiCopyParagraphs: Story;

package/dist/components/molecules/CardPromoVideo/CardPromoVideo.d.ts

@@ -1,20 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardPromoVideo.scss';
-export interface CardPromoVideoProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image?: ImageProps;
-    title: string;
-    href: string;
-    publishDate?: string;
-    videoLength?: string;
-    copy?: string;
-    isSingle?: boolean;
-    titleTag: 'h2' | 'h3';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardPromoVideo({ theme, inverse, image, title, publishDate, videoLength, copy, isSingle, href, titleTag }: CardPromoVideoProps): ReactElement;

package/dist/components/molecules/CardPromoVideo/CardPromoVideo.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardPromoVideo from './CardPromoVideo';
-declare const meta: {
-    title: string;
-    component: typeof CardPromoVideo;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardPromoVideo>;
-export declare const SinglePromoVideoCardDark: Story;
-export declare const SinglePromoVideoCardLight: Story;
-export declare const OneOfManyPromoVideoCardsDark: Story;
-export declare const OneOfManyPromoVideoCardsLight: Story;

package/dist/components/molecules/CardRelatedCourse/CardRelatedCourse.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './cardRelatedCourse.scss';
-export interface CardRelatedProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    title: string;
-    subtitle: string;
-    href: string;
-    titleTag?: 'h2' | 'h3';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardRelated({ theme, inverse, title, subtitle, href, titleTag }: CardRelatedProps): ReactElement;

package/dist/components/molecules/CardRelatedCourse/CardRelatedCourse.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardRelatedCourse from './CardRelatedCourse';
-declare const meta: {
-    title: string;
-    component: typeof CardRelatedCourse;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardRelatedCourse>;
-export declare const Example: Story;

package/dist/components/molecules/CardResearchStory/CardResearchStory.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { HeadingProps } from '../../atoms/Heading/Heading';
-import './cardResearchStory.scss';
-export interface CardResearchStoryProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    title: string;
-    author: string;
-    copy: string;
-    href: string;
-    date?: string;
-    titleTag?: HeadingProps['htmlTag'];
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardResearchStory({ theme, inverse, title, author, href, copy, date, titleTag }: CardResearchStoryProps): ReactElement;

package/dist/components/molecules/CardResearchStory/CardResearchStory.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardResearchStory from './CardResearchStory';
-declare const meta: {
-    title: string;
-    component: typeof CardResearchStory;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardResearchStory>;
-export declare const ExampleCardResearchStory: Story;

package/dist/components/molecules/CardScholarship/CardScholarship.d.ts

@@ -1,21 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './cardScholarship.scss';
-export interface ScholarshipProps {
-    awardType: string;
-    value: string;
-    deadline: string;
-}
-export interface CardScholarshipProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    title: string;
-    copy: string;
-    href: string;
-    scholarshipDetails: ScholarshipProps;
-    titleTag?: 'h2' | 'h3';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardScholarship({ theme, inverse, title, href, copy, scholarshipDetails, titleTag }: CardScholarshipProps): ReactElement;

package/dist/components/molecules/CardScholarship/CardScholarship.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardScholarship from './CardScholarship';
-declare const meta: {
-    title: string;
-    component: typeof CardScholarship;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardScholarship>;
-export declare const ExampleScholarshipCard: Story;

package/dist/components/molecules/CardStaff/CardStaff.d.ts

@@ -1,22 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardStaff.scss';
-export interface CardStaffProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    name: string;
-    jobTitle: string;
-    department: string;
-    copy: string;
-    href: string;
-    isSingle?: boolean;
-    phone?: string;
-    email?: string;
-    titleTag?: 'h2' | 'h3';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardStaff({ theme, inverse, image, name, jobTitle, department, href, copy, phone, email, isSingle, titleTag }: CardStaffProps): ReactElement;

package/dist/components/molecules/CardStaff/CardStaff.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardStaff from './CardStaff';
-declare const meta: {
-    title: string;
-    component: typeof CardStaff;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardStaff>;
-export declare const ExampleSingleCard: Story;
-export declare const OneOfManyStaffCards: Story;

package/dist/components/molecules/CardVideo/CardVideo.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardVideo.scss';
-import { HeadingProps } from '../../atoms/Heading/Heading';
-export interface CardVideoProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    title: string;
-    youtubeId: string;
-    buttonLabel: string;
-    titleTag: HeadingProps['htmlTag'];
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardVideo({ theme, inverse, image, title, youtubeId, buttonLabel, titleTag }: CardVideoProps): ReactElement;

package/dist/components/molecules/CardVideo/CardVideo.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardVideo from './CardVideo';
-declare const meta: {
-    title: string;
-    component: typeof CardVideo;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardVideo>;
-export declare const Dark: Story;

package/dist/components/molecules/CarouselNav/CarouselNav.d.ts

@@ -1,17 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './carouselNav.scss';
-interface CarouselNavProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    totalNumber: number;
-    currentNumber: number;
-    onClickPrev: () => void;
-    onClickNext: () => void;
-    prevButtonDisabled: boolean;
-    nextButtonDisabled: boolean;
-    carouselId: string;
-    showNumbers?: boolean;
-}
-export default function CarouselNav({ theme, inverse, totalNumber, currentNumber, onClickNext, onClickPrev, prevButtonDisabled, nextButtonDisabled, carouselId, showNumbers }: CarouselNavProps): ReactElement;
-export {};

package/dist/components/molecules/CarouselNav/CarouselNav.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CarouselNav from './CarouselNav';
-declare const meta: {
-    title: string;
-    component: typeof CarouselNav;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof CarouselNav>;
-export declare const CarouselNavLight: Story;
-export declare const CarouselNavDark: Story;

package/dist/components/molecules/FilterAccordion/FilterAccordion.d.ts

@@ -1,32 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { CheckboxProps } from '../../atoms/Checkbox/Checkbox';
-import { RadioButtonProps } from '../../atoms/RadioButton/RadioButton';
-import './filterAccordion.scss';
-export type FilterAccordionProps = CheckboxAccordionProps | RadioButtonAccordionProps;
-interface CheckboxAccordionProps {
-    theme: ThemeProps;
-    heading: string;
-    type: 'checkbox';
-    inputs?: Omit<CheckboxProps, 'theme'>[];
-    selectProps?: null;
-    showMoreText?: string;
-    /**
-     * Whether the accordion is open or closed by default
-     */
-    defaultIsOpen?: boolean;
-}
-interface RadioButtonAccordionProps {
-    theme: ThemeProps;
-    heading: string;
-    type: 'radio';
-    inputs?: Omit<RadioButtonProps, 'theme'>[];
-    selectProps?: null;
-    showMoreText?: string;
-    /**
-     * Whether the accordion is open or closed by default
-     */
-    defaultIsOpen?: boolean;
-}
-export default function FilterAccordion({ theme, heading, type, inputs, defaultIsOpen, showMoreText }: FilterAccordionProps): ReactElement;
-export {};

package/dist/components/molecules/FilterAccordion/FilterAccordion.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import FilterAccordion from './FilterAccordion';
-declare const meta: {
-    title: string;
-    component: typeof FilterAccordion;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof FilterAccordion>;
-export declare const RadioButtons: Story;
-export declare const Checkboxes: Story;
-export declare const CheckboxesExpandable: Story;

package/dist/components/molecules/FilterAccordion/defaultProps.d.ts

@@ -1,3 +0,0 @@
-import { FilterAccordionProps } from './FilterAccordion';
-export declare const radioButtonFilterProps: FilterAccordionProps;
-export declare const checkboxFilterProps: FilterAccordionProps;

package/dist/components/molecules/FilterAccordionSelect/FilterAccordionSelect.d.ts

@@ -1,14 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { FormSelectProps } from '../../atoms/FormSelect/FormSelect';
-import './filterAccordionSelect.scss';
-export type FilterAccordionSelectProps = {
-    theme: ThemeProps;
-    heading: string;
-    selectContent: Omit<FormSelectProps, 'theme'>;
-    /**
-     * Whether the accordion is open or closed by default
-     */
-    defaultIsOpen?: boolean;
-};
-export default function FilterAccordionSelect({ theme, heading, selectContent, defaultIsOpen }: FilterAccordionSelectProps): ReactElement;

package/dist/components/molecules/FilterAccordionSelect/FilterAccordionSelect.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import FilterAccordionSelect from './FilterAccordionSelect';
-declare const meta: {
-    title: string;
-    component: typeof FilterAccordionSelect;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof FilterAccordionSelect>;
-export declare const Select: Story;

package/dist/components/molecules/FilterAccordionSelect/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { FilterAccordionSelectProps } from './FilterAccordionSelect';
-export declare const selectFilterProps: FilterAccordionSelectProps;

package/dist/components/molecules/FullModal/FullModal.d.ts

@@ -1,33 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './fullModal.scss';
-export interface FullModalProps {
-    /**
-     * The theme to use
-     */
-    theme: ThemeProps;
-    /**
-     * Whether to inverse the colours
-     */
-    inverse?: boolean;
-    /**
-     * Contents of the modal
-     */
-    children: ReactNode;
-    /**
-     * Handler for closing the modal
-     */
-    closeModal: () => void;
-    /**
-     * Pass in the is open state
-     */
-    isOpen: boolean;
-    /**
-     * Whether the modal should be placed in the centre
-     */
-    centred?: boolean;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const FullModal: ({ theme, isOpen, closeModal, children, centred }: FullModalProps) => ReactElement;

package/dist/components/molecules/GenericDetail/GenericDetail.d.ts

@@ -1,14 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { IconType } from '../../atoms/Icons/Icons';
-import './genericDetail.scss';
-import { LinkWithIconProps } from '../../atoms/LinkWithIcon/LinkWithIcon';
-export interface GenericDetailProps {
-    theme: ThemeProps;
-    iconType: IconType;
-    title: string;
-    valueLabel?: string;
-    value: string;
-    scrollToSectionLink?: LinkWithIconProps;
-}
-export default function GenericDetail({ iconType, title, valueLabel, value, scrollToSectionLink, theme }: GenericDetailProps): ReactElement;

package/dist/components/molecules/GenericDetail/GenericDetail.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import GenericDetail from './GenericDetail';
-declare const meta: {
-    title: string;
-    component: typeof GenericDetail;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithValueLabel: Story;
-export declare const WithValueLabelAndSectionLink: Story;

package/dist/components/molecules/Heading/Heading.d.ts

@@ -1,23 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
-import { HeadingProps as HeadingElementProps } from '../../atoms/Heading/Heading';
-import './heading.scss';
-type LinkProps = Omit<LinkWithArrowProps, 'theme' | 'inverse'>;
-export interface HeadingProps {
-    /**
-     * The theme to use
-     */
-    theme: ThemeProps;
-    /**
-     * Whether to inverse the colours
-     */
-    inverse?: boolean;
-    htmlTag?: HeadingElementProps['htmlTag'];
-    title?: string;
-    description?: string | ReactElement;
-    linkProps?: LinkProps;
-    fullWidth?: boolean;
-}
-export default function Heading({ title, description, linkProps, theme, inverse, fullWidth, htmlTag }: HeadingProps): ReactElement | null;
-export {};

package/dist/components/molecules/Heading/Heading.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import Heading from './Heading';
-import './heading.scss';
-declare const meta: {
-    title: string;
-    component: typeof Heading;
-    tags: string[];
-    parameters: {
-        backgrounds: {
-            default: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Heading>;
-export declare const Default: Story;
-export declare const HeadingDescriptionChildren: Story;
-export declare const Dark: Story;
-export declare const Light: Story;

package/dist/components/molecules/Heading/components/HeadingDescription.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import type { HeadingProps } from '../Heading';
-type HeadingDescriptionProps = {
-    description: HeadingProps['description'];
-    inverse: HeadingProps['inverse'];
-};
-export default function HeadingDescription({ description, inverse }: HeadingDescriptionProps): ReactElement | null;
-export {};

package/dist/components/molecules/Heading/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { HeadingProps } from './Heading';
-export declare const headingProps: HeadingProps;

package/dist/components/molecules/InPageNavigationLinks/InPageNavigationLinks.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { TextButtonProps } from '../../atoms/TextButton/TextButton';
-import { LocationSelectorProps } from '../LocationSelector/LocationSelector';
-import './inPageNavigationLinks.scss';
-export interface InPageNavLinkProps {
-    url: string;
-    title: string;
-    active?: boolean;
-}
-export type InPageNavigationLinksProps = {
-    theme: ThemeProps;
-    heading?: string;
-    links: InPageNavLinkProps[];
-    buttonLinks?: Omit<TextButtonProps, 'theme'>[];
-    locationDetails?: LocationSelectorProps;
-};
-export default function InPageNavigationLinks({ theme, heading, links, buttonLinks, locationDetails }: InPageNavigationLinksProps): ReactElement;

package/dist/components/molecules/InPageNavigationLinks/InPageNavigationLinks.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import InPageNavigationLinks from './InPageNavigationLinks';
-declare const meta: {
-    title: string;
-    component: typeof InPageNavigationLinks;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Example: Story;
-export declare const WithExternalOnClick: Story;

package/dist/components/molecules/InPageNavigationLinks/defaultProps.d.ts

@@ -1,3 +0,0 @@
-import { InPageNavigationLinksProps } from './InPageNavigationLinks';
-export declare const inPageNavigationLinksProps: InPageNavigationLinksProps;
-export declare const inPageNavigationLinksPropsWithExternalOnClick: InPageNavigationLinksProps;

package/dist/components/molecules/ListTable/ListTable.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './listTable.scss';
-export interface ListTableProps {
-    theme?: ThemeProps;
-    listItems?: string[];
-}
-export default function ListTable({ theme, listItems }: ListTableProps): ReactElement;

package/dist/components/molecules/ListTable/ListTable.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import ListTable from './ListTable';
-declare const meta: {
-    title: string;
-    component: typeof ListTable;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/molecules/ListingResultCard/Cards/AccomodationCard.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../../atoms/Image/Image';
-import { SearchResultDetailProps } from '../../../atoms/SearchResultDetail/SearchResultDetail';
-import { ThemeProps } from '../../../../themeProps';
-export interface AccomodationCardProps {
-    theme: ThemeProps;
-    type: 'accomodation';
-    image?: ImageProps;
-    title: string;
-    url: string;
-    description?: string;
-    details: Omit<SearchResultDetailProps, 'theme'>[];
-    showCategory?: boolean;
-}
-export default function AccomodationCard({ theme, type, image, title, url, description, details, showCategory }: AccomodationCardProps): ReactElement;

package/dist/components/molecules/ListingResultCard/Cards/CourseCard.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../../atoms/Image/Image';
-import { SearchResultDetailProps } from '../../../atoms/SearchResultDetail/SearchResultDetail';
-import { ThemeProps } from '../../../../themeProps';
-export interface CourseCardProps {
-    theme: ThemeProps;
-    type: 'course';
-    image?: ImageProps;
-    title: string;
-    titleTag?: string;
-    url: string;
-    description?: string;
-    supervisors?: string;
-    department?: string;
-    details: Omit<SearchResultDetailProps, 'theme'>[];
-    showCategory?: boolean;
-}
-export default function CourseCard({ theme, type, image, title, titleTag, url, description, supervisors, department, details, showCategory }: CourseCardProps): ReactElement;