| 12345678910111213141516171819202122232425262728293031 |
- 'use client'
- import type { FC } from 'react'
- import React, { useCallback } from 'react'
- import {
- RiCollapseDiagonalLine,
- RiExpandDiagonalLine,
- } from '@remixicon/react'
- import ActionButton from '@/app/components/base/action-button'
- type Props = {
- isExpand: boolean
- onExpandChange: (isExpand: boolean) => void
- }
- const ExpandBtn: FC<Props> = ({
- isExpand,
- onExpandChange,
- }) => {
- const handleToggle = useCallback(() => {
- onExpandChange(!isExpand)
- }, [isExpand])
- const Icon = isExpand ? RiCollapseDiagonalLine : RiExpandDiagonalLine
- return (
- <ActionButton onClick={handleToggle}>
- <Icon className='w-4 h-4' />
- </ActionButton>
- )
- }
- export default React.memo(ExpandBtn)
|
