import { MarginProps } from "styled-system"; import * as DesignTokens from "@sage/design-tokens/js/base/common"; import { CardContextProps } from "./__internal__/card.context"; import { CardProps } from "./card.component"; export declare const paddingSizes: { none: string; "extra-small": string; small: string; medium: string; large: string; }; export declare const marginSizes: { none: string; "extra-small": string; small: string; medium: string; large: string; }; type DesignTokensType = keyof typeof DesignTokens; export type BoxShadowsType = Extract; export interface StyledCardProps extends MarginProps, Pick { $cardWidth: string; $interactive: boolean; $height?: string; $boxShadow?: BoxShadowsType; $hoverBoxShadow?: BoxShadowsType; $variant?: "standard" | "outlined"; $roundness: CardContextProps["roundness"]; $spacing: CardContextProps["spacing"]; } declare const StyledCard: import("styled-components").StyledComponent<"div", any, { theme: object; } & StyledCardProps, "theme">; interface StyledCardContentProps { $interactive?: boolean; href?: string; $spacing: CardContextProps["spacing"]; $roundness: CardContextProps["roundness"]; $hasHeader: boolean; $hasFooter: boolean; target?: string; rel?: string; } declare const StyledCardContent: import("styled-components").StyledComponent<"div", any, ({ theme: object; } & ({ as: string; role?: undefined; type?: undefined; } | { as: string; role: "button"; type: string; } | { as?: undefined; role?: undefined; type?: undefined; })) & StyledCardContentProps, "theme" | "type" | "role" | "as">; export declare const StyledDragRow: import("styled-components").StyledComponent<"div", any, { $spacing: CardContextProps["spacing"]; }, never>; export declare const StyledDragHandle: import("styled-components").StyledComponent<"div", any, {}, never>; export { StyledCard, StyledCardContent };