/* eslint-disable functional/no-class */
/* eslint-disable functional/no-this-expression */
import { IconProps } from './IconProps'
import React from 'react'
import { MultiSelectMode } from '../../templates/homeFeed/LibraryHeader'
type HeaderCheckboxIconProps = {
multiSelectMode: MultiSelectMode
}
export const HeaderCheckboxIcon = (
props: HeaderCheckboxIconProps
): JSX.Element => {
switch (props.multiSelectMode) {
case 'search':
case 'visible':
return
case 'none':
case 'off':
return
case 'some':
return
}
}
export class HeaderCheckboxUncheckedIcon extends React.Component {
render() {
const size = (this.props.size || 26).toString()
return (
)
}
}
export class HeaderCheckboxCheckedIcon extends React.Component {
render() {
const size = (this.props.size || 26).toString()
return (
)
}
}
export class HeaderCheckboxHalfCheckedIcon extends React.Component {
render() {
const size = (this.props.size || 26).toString()
return (
)
}
}