import React from 'react';
import type { FC } from 'react';

interface Props {
    children: React.ReactNode;
    label: string;
}

// TODO: Replace with Suite Metadata component when available, https://solfege.theorchard.com/components/metadata
// the upgrade process is planed within this ticket https://theorchard.atlassian.net/browse/SR-951
const Metadata: FC<Props> = ({ label, children }) => {
    return (
        <div data-testid="Metadata" className="Metadata">
            <div className="FormLabel" data-testid="FormLabel">
                <label className="form-label">{label}</label>
            </div>
            <div className="content">{children}</div>
        </div>
    );
};

export default Metadata;