import { Details , Summary } from '@proton/components' ; import { getTitle } from '../../helpers/title' ; import mdx from './Details.mdx' ; export default { component : Details , title : getTitle ( __filename , false ) , parameters : { docs : { page : mdx , } , } , } ; export const Basic = ( ) => { return ( < > < Details > < Summary > Here a summary < /Summary> Lorem Ipsum dolor si amet . < /Details> < />); } ; export const Opened = ( ) => { return ( < > < Details open > < Summary > Here a summary opened < /Summary> Lorem Ipsum dolor si amet . < /Details> < />); } ;