@spaced-out/ui-design-system/lib/components/Table/Cell.d.ts

Sense UI components library

import * as React from 'react';
import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
type CellsProps = {
    children?: React.ReactNode;
    className?: string | null | undefined;
    truncatedText?: React.ReactNode;
    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
};
export declare const Cells: ({ children, className, ...rest }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
export declare const Cell: ({ children, className, }: CellsProps) => React.ReactElement<React.ComponentProps<"div">>;
export declare const BasicSingleCell: ClassNameComponent<'td'>;
export declare const BasicDoubleCell: ClassNameComponent<'td'>;
export declare const PaddedContentCell: ClassNameComponent<'td'>;
export declare const PaddedDoubleContentCell: ClassNameComponent<'td'>;
export declare const SingleCell: ({ title, className, }: {
    title: string;
    icon?: React.ReactNode;
    className?: string;
}) => React.JSX.Element;
export declare const DoubleCell: ({ title, subtitle, className, }: {
    title: React.ReactNode;
    subtitle?: React.ReactNode;
    className?: string;
}) => React.JSX.Element;
export declare const DateCell: ({ date, className, }: {
    date: string | Date;
    className?: string;
}) => React.JSX.Element;
export declare const Monogram: ({ initials }: {
    initials: string;
}) => React.JSX.Element;
export declare const MonogramCell: ({ initials, className, }: {
    initials: string;
    className?: string;
}) => React.JSX.Element;
export {};
//# sourceMappingURL=Cell.d.ts.map