import React, {ReactNode, useState} from 'react';
import './label.scss';

type LabelProps = {

    htmlFor?: string
    theme?: string
    children?: ReactNode
};

const CustomLabel = ({
                         htmlFor,
                         children,
                         theme = 'default',

                     }: LabelProps) => {
    return (
        <>
            <label
                className={theme}
                htmlFor={htmlFor}>
                <span>{children}</span>
            </label>
        </>
    )
}

export default CustomLabel;