const Segment = ({ children, className = '' }: SegmentProps): JSX.Element => {
	return (
		<div
			className={`py-3 px-7 text-black dark:text-white dark:bg-discord-black bg-little-white rounded-sm ${className}`}
		>
			{children}
		</div>
	)
}

interface SegmentProps {
	className?: string
	children: JSX.Element | JSX.Element[]
}

export default Segment