bolt.diy/app/shared/components/ui/Separator.tsx
KevIsDev 4d3222ee96 refactor: reorganize project structure by moving files to a more dev friendly setup
- Move stores/utils/types to their relative directories (i.e chat stores in chat directory)
- Move utility files to shared/utils
- Move component files to shared/components
- Move type definitions to shared/types
- Move stores to shared/stores
- Update import paths across the project
2025-06-16 15:33:59 +01:00

23 lines
588 B
TypeScript

import * as SeparatorPrimitive from '@radix-ui/react-separator';
import { classNames } from '~/shared/utils/classNames';
interface SeparatorProps {
className?: string;
orientation?: 'horizontal' | 'vertical';
}
export const Separator = ({ className, orientation = 'horizontal' }: SeparatorProps) => {
return (
<SeparatorPrimitive.Root
className={classNames(
'bg-bolt-elements-borderColor',
orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',
className,
)}
orientation={orientation}
/>
);
};
export default Separator;