PROJECT_HIPSTAGRAM/src/components/comment/SpoilerButton.jsx

import React, { useState } from 'react'
import { Input, Button, Divider,Typography  } from 'antd'
const { Text, Link } = Typography;
export const SpoilerButton = ({ text, children, style }) => {
    const [opened, setOpened] = useState(false)
    return (
      <>
         <Text type="secondary" strong
          onClick={() => {
            setOpened(!opened)
          }}
          style={style}
        >
          {text}
          </Text>
       
        {opened && children}
      </>
    )
  }