File name
Commit message
Commit date
File name
Commit message
Commit date
09-16
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import type { ReactNode } from 'react';
import { FoxFormLabel } from '@fox/core/components/fox-form-label';
import styles from './content-form.module.scss';
interface ContentFormRowProps {
label: string;
required?: boolean;
optionalText?: string;
children: ReactNode;
}
/** 등록·수정 폼의 한 줄 — 시안의 「라벨 | 입력」 2열 구조. */
export function ContentFormRow({
label,
required,
optionalText,
children,
}: ContentFormRowProps) {
return (
<div className={styles.row}>
<div className={styles.label}>
<FoxFormLabel
as="span"
requirement={required ? 'required' : optionalText ? 'optional' : undefined}
optionalText={optionalText}
>
{label}
</FoxFormLabel>
</div>
<div className={styles.field}>{children}</div>
</div>
);
}