json-render/examples/dashboard/components/ui/divider.tsx

'use client';

import { type ComponentRenderProps } from '@json-render/react';

export function Divider({ element }: ComponentRenderProps) {
  const { orientation } = element.props as { orientation?: string | null };
  if (orientation === 'vertical') {
    return <div style={{ width: 1, background: 'var(--border)', alignSelf: 'stretch' }} />;
  }
  return <hr style={{ border: 'none', borderTop: '1px solid var(--border)', margin: '16px 0' }} />;
}