Separator

import { Separator } from "@lualtek/react-components";
 
export default () => {
  return <Separator />;
};

export type SeparatorProps = HTMLAttributes<HTMLHRElement> & {
  /**
   * Add top and bottom space using margins.
   */
  vPadding?: TokensTypes["space"];
 
  /**
   * Add left and right space using margins.
   */
  hPadding?: TokensTypes["space"];
 
  /**
   * Set the dimmed color for the seperator.
   * @default 2
   */
  dimmed?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 
  /**
   * Set the seperator to be vertical.
   * @default false
   */
  vertical?: boolean;
};