export default function Layout2({data}) {
    const {
        lightLabel,
        darkLabel,
        showIcon,
        iconPosition,
    } = data;

    return (
        <>
            {showIcon && 'before' === iconPosition &&
                <div className="dracula-toggle-icon position-before"></div>
            }

            <div className="dracula-toggle-label">
                <span className={'--light'}>{lightLabel}</span>
                <span className={'--dark'}>{darkLabel}</span>
            </div>

            {showIcon && 'after' === iconPosition &&
                <div className="dracula-toggle-icon position-after"></div>
            }
        </>
    )
}