import { h } from 'preact'

export const Filters = () => {
    return (
        <svg width='24' height='24' viewBox='0 0 24 24' fill='none'>
            <path
                d='M6 12C7.10457 12 8 11.1046 8 10C8 8.89543 7.10457 8 6 8C4.89543 8 4 8.89543 4 10C4 11.1046 4.89543 12 6 12Z'
                stroke='var(--primary-color)'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path d='M6 4V8' stroke='var(--primary-color)' strokeLinecap='round' strokeLinejoin='round' />
            <path d='M6 12V20' stroke='var(--primary-color)' strokeLinecap='round' strokeLinejoin='round' />
            <path
                d='M12 18C13.1046 18 14 17.1046 14 16C14 14.8954 13.1046 14 12 14C10.8954 14 10 14.8954 10 16C10 17.1046 10.8954 18 12 18Z'
                stroke='var(--primary-color)'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path d='M12 4V14' stroke='var(--primary-color)' strokeLinecap='round' strokeLinejoin='round' />
            <path d='M12 18V20' stroke='var(--primary-color)' strokeLinecap='round' strokeLinejoin='round' />
            <path
                d='M18 9C19.1046 9 20 8.10457 20 7C20 5.89543 19.1046 5 18 5C16.8954 5 16 5.89543 16 7C16 8.10457 16.8954 9 18 9Z'
                stroke='var(--primary-color)'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path d='M18 4V5' stroke='var(--primary-color)' strokeLinecap='round' strokeLinejoin='round' />
            <path d='M18 9V20' stroke='var(--primary-color)' strokeLinecap='round' strokeLinejoin='round' />
        </svg>
    )
}
