import React from 'react';

/**
 * 汎用的なラベルコンポーネント
 * @param {object} props - React props
 * @param {string} props.htmlFor - 関連付けるinput要素のid
 * @param {React.ReactNode} props.children - ラベルとして表示する内容
 */
function Label({ htmlFor, children }) {
    return (
        <label htmlFor={htmlFor} className="block text-sm font-medium text-gray-700">
            {children}
        </label>
    );
}

export default Label;