diff --git a/src-web/components/core/KeyValueRow.tsx b/src-web/components/core/KeyValueRow.tsx index 4d3b5c39..f4f2e7c7 100644 --- a/src-web/components/core/KeyValueRow.tsx +++ b/src-web/components/core/KeyValueRow.tsx @@ -1,13 +1,13 @@ import classNames from 'classnames'; import type { HTMLAttributes, ReactElement, ReactNode } from 'react'; -export function KeyValueRows({ - children, -}: { +interface Props { children: | ReactElement> | ReactElement>[]; -}) { +} + +export function KeyValueRows({ children }: Props) { children = Array.isArray(children) ? children : [children]; return ( @@ -20,19 +20,24 @@ export function KeyValueRows({ ); } -interface Props { +interface KeyValueRowProps { label: ReactNode; value: ReactNode; labelClassName?: string; labelColor?: 'secondary' | 'primary' | 'info'; } -export function KeyValueRow({ label, value, labelColor = 'secondary', labelClassName }: Props) { +export function KeyValueRow({ + label, + value, + labelColor = 'secondary', + labelClassName, +}: KeyValueRowProps) { return ( <>