1import { mergeClasses } from '@expo/styleguide'; 2import type { HTMLAttributes } from 'react'; 3 4type SnippetProps = HTMLAttributes<HTMLDivElement> & { 5 includeMargin?: boolean; 6}; 7 8export const Snippet = ({ children, className, includeMargin = true, ...rest }: SnippetProps) => ( 9 <div className={mergeClasses('flex flex-col', includeMargin && 'mb-4', className)} {...rest}> 10 {children} 11 </div> 12); 13