import React, {ReactNode} from 'react';
import './duaactive.scss'
import YesDua from "../../SVG/YesDua";
import NoDua from "../../SVG/NoDua";

type DuaActiveProps = {
    children?: ReactNode
    isActive?: boolean
}

const DuaActive = ({children,isActive}: DuaActiveProps) => {

    return (
        <div className={'dua-active-widget'}>
            {isActive && <YesDua
            color={'var(--text-color)'}
            />}
            {(!isActive) && <NoDua
                color={'var(--text-color)'}
            />}
        </div>
    );
}

export default DuaActive;