import { FontSizes, FontWeights } from '../utils'; import { CardProps, CardState } from './Card.types'; export declare const getClassNames: (props: CardProps, state: CardState) => import("@fluentui/react").IProcessedStyleSet<{ root: { padding: number; display: string; boxSizing: string; selectors: { ':hover': { cursor: string; }; ':focus': { outline: string; }; }; border: string; displayName: string; color: string; backgroundColor: string; marginBottom: string | undefined; }; expandIcon: { color: string; borderTopWidth: string; border: string; height: string; width: string; borderRadius: string; marginRight: string; selectors: { i: { transform: string; fontSize: FontSizes; }; ':hover': { borderColor: string; background: string; }; }; }; titlecontainer: { marginBottom: string; textAlign: string; outline: string; selectors: { ':focus': { textDecoration: string; }; }; margin: string; }; header: { width: string; backgroundColor: string; border: string; display: string; justifyContent: string; alignItems: string; padding: number; position: string; wordBreak: string; selectors: { ':hover': { cursor: string; }; ':active': { color: string; }; ':focus': { outlineColor: string; }; ':focus:not(:focus-visible)': { outline: string; }; ':focus-visible': { outlineColor: string; }; }; }; title: { flex: string; fontSize: "large" | "x-large" | "xx-large" | undefined; fontWeight: FontWeights; }; titleExpand: { flex: string; fontSize: "large" | "x-large" | "xx-large" | undefined; fontWeight: FontWeights; margin: number; selectors: { ':hover': { textDecoration: string; }; }; }; actions: { fontSize: FontSizes; }; subtitle: { width: string; fontSize: FontSizes; fontWeight: FontWeights; padding: string; }; body: { marginTop: string | undefined; margin: string; textAlign: string; animationName: string; fontSize: FontSizes; }; }>;