Files
frontend/components/atoms/dividers/Divider.tsx
T
TaNguyenThanhQuy fd57a35820
Release package / release (push) Successful in 1h12m42s
feat: Manage & analytics pages (#28)
Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn>
Reviewed-on: #28
Reviewed-by: TakahashiNguyen <takahashi.ng@icloud.com>
Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
2026-04-06 14:09:45 +00:00

21 lines
457 B
TypeScript

import { HTMLAttributes } from "react";
export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
orientation?: "horizontal" | "vertical";
}
export default function Divider({
orientation = "horizontal",
className = "",
...props
}: DividerProps) {
return (
<hr
className={`border-(--color-border) ${
orientation === "horizontal" ? "border-t" : "h-full border-l"
} ${className}`}
{...props}
/>
);
}