import { FunctionComponent } from "preact";
import classes from "./task.module.scss";

interface TaskProps {
  name: string;
}

const Task: FunctionComponent<TaskProps> = ({ name }: TaskProps) => {
  return (
    // Временное действие для тестирования
    <button onClick={() => alert(name)}>
      <div class={classes.task}>
        <div class="aspect-square h-full rounded-full border bg-white"></div>
        {name}
      </div>
    </button>
  );
};

export default Task;