| 1234567891011121314151617181920212223242526272829 |
- 'use client'
- import type { FC } from 'react'
- import React from 'react'
- import cn from 'classnames'
- import Checkbox from '@/app/components/base/checkbox'
- type Props = {
- className?: string
- isChecked: boolean
- onChange: (isChecked: boolean) => void
- label: string
- labelClassName?: string
- }
- const CheckboxWithLabel: FC<Props> = ({
- className = '',
- isChecked,
- onChange,
- label,
- labelClassName,
- }) => {
- return (
- <label className={cn(className, 'flex items-center h-7 space-x-2')}>
- <Checkbox checked={isChecked} onCheck={() => onChange(!isChecked)} />
- <div className={cn(labelClassName, 'text-sm font-normal text-gray-800')}>{label}</div>
- </label>
- )
- }
- export default React.memo(CheckboxWithLabel)
|
