import React from 'react';

export default ({
    label,
    description,
    className,
    children,
}: {
    label: string;
    description?: string;
    className?: string;
    children: React.ReactNode;
}) => (
    <label className={`block ${className || ''}`}>
        <span className={'mb-1 block text-xs font-medium text-neutral-300'}>{label}</span>
        {children}
        {description && <span className={'mt-1 block text-xs text-neutral-500'}>{description}</span>}
    </label>
);