27 lines
518 B
TypeScript
27 lines
518 B
TypeScript
|
|
type Props = {
|
|
title: string,
|
|
percent: number,
|
|
|
|
}
|
|
|
|
export const LinearSpeacialistBar = ({ title, percent }: Props) => {
|
|
|
|
return (
|
|
<div>
|
|
<span className="text-secondary text-sm opacity-75">
|
|
{title}
|
|
</span>
|
|
<div className="h-2 w-full bg-dark-primary rounded-md z-0">
|
|
|
|
</div>
|
|
<div className={`relative -top-[8px] h-2 rounded-md bg-gold z-10`} style={{ width: percent + "%" }}>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
)
|
|
|
|
|
|
} |