import React from 'react'
import { usePicker } from '../context.js'
type ColorProps = {
color: string
}
const TrashIcon = () => {
const { defaultStyles } = usePicker()
const styles = {
fill: 'none',
strokeWidth: '1.8px',
}
return (
)
}
export default TrashIcon
export const LinearIcon = ({ color }: ColorProps) => {
const { defaultStyles } = usePicker()
const col = color ?? ''
const styles = {
fill: 'none',
strokeWidth: '1.8px',
}
return (
)
}
export const RadialIcon = ({ color }: ColorProps) => {
const { defaultStyles } = usePicker()
const col = color ?? ''
const styles = {
fill: 'none',
strokeMiterlimit: 10,
strokeWidth: '1.8px',
}
return (
)
}
export const SlidersIcon = ({ color }: ColorProps) => {
const { defaultStyles } = usePicker()
const col = color ?? ''
const style1 = {
fill: 'none',
strokeWidth: '1.8px',
}
const style2 = {
strokeWidth: '1.8px',
}
return (
)
}
export const InputsIcon = ({ color }: ColorProps) => {
const { defaultStyles } = usePicker()
const col = color ?? ''
const style1 = {
fill: 'none',
strokeWidth: '1.8px',
}
return (
)
}
export const PaletteIcon = ({ color }: ColorProps) => {
const { defaultStyles } = usePicker()
const col = color ?? ''
const style2 = {
strokeMiterlimit: 10,
strokeWidth: '0.5px',
}
return (
)
}
export const DegreesIcon = ({ color }: { color?: string }) => {
const { defaultStyles } = usePicker()
const col = color ?? ''
const style2 = {
fill: 'none',
strokeMiterlimit: 10,
strokeWidth: '1.8px',
}
return (
)
}
export const StopIcon = () => {
const { defaultStyles } = usePicker()
return (
)
}