You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
580 B
25 lines
580 B
export interface DeviceSelectorButtonProps {
|
|
active: boolean;
|
|
onClick: () => void;
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export const DeviceSelectorButton = ({
|
|
onClick,
|
|
children,
|
|
}: DeviceSelectorButtonProps) => (
|
|
<li
|
|
className="aspect-w-1 aspect-h-1 relative w-full"
|
|
onClick={onClick}
|
|
onKeyDown={onClick}
|
|
>
|
|
{
|
|
/* {active && (
|
|
<div className="absolute -left-2 h-10 w-1.5 rounded-full bg-accent" />
|
|
)} */
|
|
}
|
|
<div className="flex aspect-square cursor-pointer flex-col items-center justify-center">
|
|
{children}
|
|
</div>
|
|
</li>
|
|
);
|
|
|