43 lines
1.1 KiB
JavaScript
Executable File
43 lines
1.1 KiB
JavaScript
Executable File
/*!
|
|
|
|
=========================================================
|
|
* Argon Dashboard Chakra PRO - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
|
|
|
* Designed and Coded by Simmmple & Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
|
|
*/
|
|
|
|
import React from "react";
|
|
import { Flex } from "@chakra-ui/react";
|
|
|
|
export function HSeparator(props) {
|
|
const { variant, children, ...rest } = props;
|
|
return (
|
|
<Flex
|
|
h="1px"
|
|
w="100%"
|
|
bg="linear-gradient(90deg, rgba(224, 225, 226, 0) 0%, #E0E1E2 49.52%, rgba(224, 225, 226, 0) 100%)"
|
|
{...rest}
|
|
></Flex>
|
|
);
|
|
}
|
|
|
|
export function VSeparator(props) {
|
|
const { variant, children, ...rest } = props;
|
|
return (
|
|
<Flex
|
|
w="1px"
|
|
bg="linear-gradient(0deg, rgba(224, 225, 226, 0) 0%, #E0E1E2 49.52%, rgba(224, 225, 226, 0.15625) 99.04%)"
|
|
{...rest}
|
|
></Flex>
|
|
);
|
|
}
|