Spaces:

hlsitech
/

hlsitechbot

Configuration error

hlsitechbot / src /components /separator /Separator.tsx

Upload 93 files

7bbd534 verified over 2 years ago

589 Bytes

'use client';
import { Flex, useColorModeValue } from '@chakra-ui/react';

const HSeparator = (props: { variant?: string; [x: string]: any }) => {
  const textColor = useColorModeValue('gray.200', 'whiteAlpha.300');
  const { variant, ...rest } = props;
  return <Flex h="1px" w="100%" bg={textColor} {...rest} />;
};

const VSeparator = (props: { variant?: string; [x: string]: any }) => {
  const textColor = useColorModeValue('gray.200', 'whiteAlpha.300');
  const { variant, ...rest } = props;
  return <Flex w="1px" bg={textColor} {...rest} />;
};

export { HSeparator, VSeparator };

	'use client';
	import { Flex, useColorModeValue } from '@chakra-ui/react';

	const HSeparator = (props: { variant?: string; [x: string]: any }) => {
	const textColor = useColorModeValue('gray.200', 'whiteAlpha.300');
	const { variant, ...rest } = props;
	return <Flex h="1px" w="100%" bg={textColor} {...rest} />;
	};

	const VSeparator = (props: { variant?: string; [x: string]: any }) => {
	const textColor = useColorModeValue('gray.200', 'whiteAlpha.300');
	const { variant, ...rest } = props;
	return <Flex w="1px" bg={textColor} {...rest} />;
	};

	export { HSeparator, VSeparator };