import TagVar from "../tag-var";

export default function Tags({}) {
    return <div className='lbaic-settings-e-oaiu-row'>
        <div className='lbaic-settings-e-oaiu-tag-group'>
            <div className='lbaic-settings-e-oaiu-tag-group-placeholder'>
                <span className='lbaic-settings-e-oaiu-tag-group-placeholder-in'>Stop Sequence</span>
            </div>
            <div className='lbaic-settings-e-oaiu-tag-group-in'>
                <TagVar label='Gag'/>
                <TagVar label='Java'/>
                <TagVar label='PHP'/>
                <TagVar label='CSS'/>
                <TagVar label='Test'/>
                <TagVar label='Very long tag'/>
            </div>
            <button type='button'
                    className='lbaic-settings-e-oaiu-tag-group-remove lbaic-settings-button-reset'>
                <svg className='lbaic-settings-e-oaiu-tag-group-remove-i'
                     xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'>
                    <use href='#lbaic-settings-close'/>
                </svg>
            </button>
        </div>
    </div>
}