### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used in the tests.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### title
- type: string
- description: Text for the title.
### titleTooltip
- type: string
- description: Text for title tooltip.
### value
- type: string
- description: Sets the main value of the card, displayed as a large heading.
### valueTooltip
- type: string
- description: Text for value tooltip.
### trend
- type: number
- description: A number to be displayed as the trend, a positive number is green with an arrow facing up and a negative number is red with an arrow facing down.
### invertedTrend
- type: boolean
- description: Invert color and arrow direction of Trend.
### isTrendVisible
- type: boolean
- description: Show/Hide trend.
- default: false
### isLoading
- type: boolean
- description: Whether component is loading.
- default: false
### ctaButton
- type: ReactNode
- description: CTA button React Node.
- default: null
### onCTAClick
- type: (event: MouseEvent<HTMLDivElement, MouseEvent>) => void
- description: Fires when CTA button is clicked.
### alwaysShowCTA
- type: boolean
- description: Always show CTA button.
- default: false
### onClick
- type: (event: MouseEvent<HTMLDivElement, MouseEvent>) => void
- description: Card would be clickable.
### onChartHover
- type: (index: number) => void
- description: Fires when chart is hovered.
- default: noop
### chartHighlightedStartingIndex
- type: number
- description: Indicates the starting index of the highlighted area of the chart.
### chartWidth
- type: number
- description: Chart width.
- default: 69
### chartData
- type: { label: Date; value: number; }[]
- description: Sets the data points of the sparkline chart. Each point has a `label` date, plotted on the x axis, and a numeric `value`, plotted on the y axis.
### getChartTooltipContent
- type: (index: number) => ReactNode
- description: Chart tooltip content.
### chartColorHex
- type: string
- description: Sets the color of the chart.
### chartAnimationDuration
- type: number
- description: Chart animation duration.
- default: 300
### footer
- type: ReactNode
- description: Footer - node.
- default: null
### border
- type: boolean
- description: Adds a border and corner radius.
- default: false
### horizontalPadding
- type: "small" | "medium" | "large"
- description: Controls spacing size from left and right sides.
- default: small
### disabled
- type: boolean
- description: No description
### onFocus
- type: (event: FocusEvent, triggers: Triggers) => void
- description: No description
### onBlur
- type: (event: FocusEvent, triggers: Triggers) => void
- description: No description
### ref
- type: RefObject
- description: No description