2023-02-24 08:12:21 +00:00
|
|
|
import { ReactComponent as Ellipsis } from '@sd/assets/svgs/ellipsis.svg';
|
|
|
|
import { Button, tw } from '@sd/ui';
|
|
|
|
|
2023-02-28 05:29:48 +00:00
|
|
|
export const SubtleButton = (props: { icon?: React.FC }) => {
|
2023-02-24 08:12:21 +00:00
|
|
|
const Icon = props.icon ?? Ellipsis;
|
2023-02-28 05:29:48 +00:00
|
|
|
|
2023-02-24 08:12:21 +00:00
|
|
|
return (
|
|
|
|
<Button className="!p-[5px]" variant="subtle">
|
|
|
|
{/* @ts-expect-error */}
|
2023-02-25 13:50:22 +00:00
|
|
|
<Icon weight="bold" className="h-3 w-3" />
|
2023-02-24 08:12:21 +00:00
|
|
|
</Button>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export const SubtleButtonContainer = tw.div`opacity-0 text-ink-faint group-hover:opacity-30 hover:!opacity-100`;
|