import RadioButton from '@/components/Form/RadioButton';
import PaperCard from '../PaperCard';

interface SettingCardProps {
  title?: string;
  onClick?: () => void;

  isShowRadioButton?: boolean;
}

const SettingCard = ({
  title,
  onClick,
  isShowRadioButton,
}: SettingCardProps) => {
  return (
    <PaperCard
      onClick={isShowRadioButton ? undefined : onClick}
      className="p-3 cursor-pointer d-flex justify-content-between align-items-center rounded-pill"
    >
      <h6 className="mb-0 pb-0">{title}</h6>
      {isShowRadioButton && <RadioButton />}
    </PaperCard>
  );
};

export default SettingCard;