import type { Snippet } from 'svelte'; type Props = { label: string; multiline?: boolean; vertical?: boolean; children: Snippet; }; /** * Single label-value row inside a `` subgrid. Use directly for custom content, * or compose via `` / `` / `` / * `` / `` for common patterns. Set `multiline` for top-aligned multi-line * content; set `vertical` to stack the label above the content (escapes the subgrid). * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--grid-card-field--background` | Row background | `var(--sc-kit--color--bg--panel)` | * | `--sc-kit--grid-card-field--padding-block` | Vertical padding | `6px` | * | `--sc-kit--grid-card-field--padding-inline` | Horizontal padding | `8px` | * | `--sc-kit--grid-card-field--content--font-size` | Font size of the label and of every field row, `` included | `10px` | * | `--sc-kit--grid-card-field--content--line-height` | Line height of the label and of the text / select rows. Must stay **unitless** — row heights multiply it by the font size | `var(--sc-kit--leading--tight)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;