| | |
| | | import React from 'react' |
| | | import s from './style.module.css' |
| | | import ActionButton from '../action-button' |
| | | import cn from '@/utils/classnames' |
| | | |
| | | type ISVGBtnProps = { |
| | | isSVG: boolean |
| | |
| | | setIsSVG, |
| | | }: ISVGBtnProps) => { |
| | | return ( |
| | | <ActionButton onClick={() => { setIsSVG(prevIsSVG => !prevIsSVG) }}> |
| | | <div className={cn('h-4 w-4', isSVG ? s.svgIconed : s.svgIcon)}></div> |
| | | </ActionButton> |
| | | <div |
| | | className={'box-border p-0.5 flex items-center justify-center rounded-md bg-white cursor-pointer'} |
| | | onClick={() => { setIsSVG(prevIsSVG => !prevIsSVG) }} |
| | | > |
| | | <div className={`w-6 h-6 rounded-md hover:bg-gray-50 ${s.svgIcon} ${isSVG ? s.svgIconed : ''}`}></div> |
| | | </div> |
| | | ) |
| | | } |
| | | |